:root{--green:#16a34a;--green-l:#22c55e;--green-dim:#dcfce7;--green-mid:#86efac;--dark:#0f1d15;--border:#16a34a24}.goto-wrap{box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f9fafb;border:1px solid #0000;border-radius:1rem;align-items:center;gap:12px;padding:1rem 1.25rem;transition:all .2s;display:flex;position:relative}.goto-wrap:hover,.goto-wrap.open{border-color:var(--green);background:#fff;box-shadow:0 4px 12px #16a34a0d}.goto-cal-icon{color:var(--green);flex-shrink:0;font-size:12px}.goto-display{color:var(--dark);white-space:nowrap;font-family:Cairo,sans-serif;font-size:1rem;font-weight:500}.goto-caret{color:#9ca3af;margin-left:2px;font-size:9px;transition:transform .2s}.goto-wrap.open .goto-caret{transform:rotate(180deg)}.goto-picker{border:1.5px solid var(--border);z-index:999;background:#fff;border-radius:16px;width:264px;padding:16px;animation:.18s cubic-bezier(.34,1.4,.64,1) gpDrop;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014}.goto-picker.open{display:block}@keyframes gpDrop{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.gp-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gp-month-label{color:var(--dark);font-size:13px;font-weight:900}.gp-month-label-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:2px;padding:4px 8px;transition:background .15s,color .15s;display:inline-flex}.gp-month-label-btn:hover{background:var(--green-dim);color:var(--green)}.gp-month-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 0 2px;display:grid}.gp-month-cell{color:var(--dark);cursor:pointer;text-align:center;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:9px 4px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.gp-month-cell:hover{background:var(--green-dim);color:var(--green)}.gp-month-cell.selected{background:var(--green);color:#fff;border-color:var(--green)}.gp-year-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 0 2px;display:grid}.gp-year-cell{color:var(--dark);cursor:pointer;text-align:center;background:0 0;border:1.5px solid #0000;border-radius:8px;padding:9px 4px;font-family:Cairo,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.gp-year-cell:hover{background:var(--green-dim);color:var(--green)}.gp-year-cell.selected{background:var(--green);color:#fff;border-color:var(--green)}.gp-nav{border:1.5px solid var(--border);cursor:pointer;color:#6b7280;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:all .15s;display:flex}.gp-nav:hover{background:var(--green-dim);border-color:var(--green);color:var(--green)}.gp-day-headers{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.gp-day-headers span{text-align:center;color:#9ca3af;padding:3px 0;font-size:9px;font-weight:800}.gp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.gp-day{aspect-ratio:1;color:var(--dark);cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:flex}.gp-day:hover{background:var(--green-dim);color:var(--green)}.gp-day.other{color:#d1d5db}.gp-day.today{border-color:var(--green);color:var(--green);font-weight:900}.gp-day.selected{background:var(--green);color:#fff;font-weight:900}.gp-day.selected.today{background:var(--green);border-color:var(--green)}.gp-footer{border-top:1px solid #f1f5f9;justify-content:center;margin-top:10px;padding-top:10px;display:flex}.gp-today-btn{background:var(--green-dim);color:var(--green);cursor:pointer;border:none;border-radius:8px;padding:6px 20px;font-family:Cairo,sans-serif;font-size:11px;font-weight:800;transition:all .15s}.gp-today-btn:hover{background:var(--green);color:#fff}.tp-trigger{border:1.5px solid var(--border);width:100%;color:var(--dark);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fffc;border-radius:10px;outline:none;align-items:center;gap:8px;height:40px;padding:9px 12px;font-family:Cairo,sans-serif;font-size:13px;font-weight:700;line-height:1;transition:border-color .2s;display:flex}.tp-trigger:hover{border-color:var(--green-mid)}.tp-trigger.active{border-color:var(--green)}.tp-overlay{z-index:9000;background:0 0;justify-content:center;align-items:center;transition:background .22s;display:none;position:fixed;inset:0}.tp-overlay.open{background:#00000040;display:flex}.tp-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;flex-direction:column;align-items:stretch;width:290px;padding:24px 22px 18px;animation:.2s cubic-bezier(.34,1.56,.64,1) tpPop;display:flex;position:relative}@keyframes tpPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tp-card-title{text-align:center;color:#9ca3af;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.tp-times-row{justify-content:center;align-items:center;gap:2px;margin-bottom:16px;display:flex}.tp-time-big{color:#d1d5db;cursor:pointer;border-radius:10px;padding:4px 8px;font-size:38px;font-weight:900;line-height:1;transition:color .15s,background .15s}.tp-time-big.selecting{color:var(--green);background:#f0fdf4}.tp-colon{color:#e5e7eb;margin:0 2px;font-size:34px;font-weight:900;line-height:1}.tp-period-toggle{flex-direction:column;gap:3px;margin-left:8px;display:flex}.tp-period-btn{cursor:pointer;color:#9ca3af;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:5px 9px;font-family:Cairo,sans-serif;font-size:11px;font-weight:800;transition:all .15s}.tp-period-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.tp-clock{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:210px;height:210px;margin:0 auto 16px;display:block;position:relative}.tp-clock-inner{width:72px;height:72px;color:var(--green);z-index:4;pointer-events:none;background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tp-footer{gap:8px;margin-top:2px;display:flex}.tp-cancel-btn,.tp-done-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px;font-family:Cairo,sans-serif;font-size:13px;font-weight:800;transition:all .15s}.tp-cancel-btn{color:#6b7280;background:#f3f4f6}.tp-cancel-btn:hover{background:#e5e7eb}.tp-done-btn{background:var(--green);color:#fff}.tp-done-btn:hover{background:#15803d}