@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-\[var\(--text-light\)\]{color:var(--text-light)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-glow:#6366f12e;--secondary:#a855f7;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg:#edebff8c;--surface:#ffffffa6;--text:#1a1a2e;--text-light:#6b7280;--border:#ffffffc7;--shadow:0 4px 24px #6366f114;--shadow-lg:0 16px 48px #6366f124;--shadow-primary:0 4px 20px #6366f166;background:#e8e4ff}[data-theme=dark]{--bg:#22144480;--surface:#1e123a99;--text:#f0f0ff;--text-light:#9a9abc;--border:#ffffff1a;--shadow:0 4px 24px #00000052;--shadow-lg:0 16px 48px #0000007a;--primary-glow:#6366f147;background:#0e0a1c}body{color:var(--text);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(80% 60% at 10% 0,#c7d2fe,#0000 60%),radial-gradient(60% 50% at 90% 10%,#f5d0fe,#0000 55%),radial-gradient(70% 60% at 50% 100%,#bfdbfe,#0000 60%),#e8e4ff;position:fixed;inset:0}[data-theme=dark] body:before{background:radial-gradient(70% 55% at 5% 0,#2c1a72,#0000 55%),radial-gradient(55% 45% at 95% 5%,#40167e,#0000 50%),radial-gradient(60% 50% at 50% 100%,#12093c,#0000 55%),#0e0a1c}.ph-spotlight{pointer-events:none;z-index:0;background:radial-gradient(650px circle at var(--sx,-999px) var(--sy,-999px),#4f46e538,transparent 60%);position:fixed;inset:0}[data-theme=dark] .ph-spotlight{background:radial-gradient(600px circle at var(--sx,-999px) var(--sy,-999px),#8b5cf626,transparent 60%)}.ph-header{color:#fff;z-index:100;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1,#a855f7);border-bottom:1px solid #ffffff2e;padding:1rem 2rem;position:sticky;top:0;box-shadow:inset 0 1px #ffffff4d,0 4px 24px #6366f140}[data-theme=dark] .ph-header{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#201044f5,#301658f5);border-bottom:1px solid #6366f138;box-shadow:inset 0 1px #ffffff1f,0 4px 24px #00000061}.ph-header-inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.ph-logo{letter-spacing:-.3px;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.ph-logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex;box-shadow:inset 0 1px #fff3}[data-theme=dark] .ph-logo-icon{background:linear-gradient(135deg,#6366f18c,#9333ea61);border-color:#6366f180;box-shadow:0 0 18px #6366f14d,inset 0 1px #ffffff1f}.ph-header-right{align-items:center;gap:.75rem;display:flex}.ph-theme-toggle{cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:14px;flex-shrink:0;width:52px;height:28px;transition:all .3s;position:relative}[data-theme=dark] .ph-theme-toggle{background:#ffffff1a;border-color:#ffffff2e}.ph-toggle-thumb{color:#6366f1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:transform .3s;display:flex;position:absolute;top:2px;left:2px}[data-theme=dark] .ph-toggle-thumb{transform:translate(24px)}.ph-avatar-btn{color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.ph-avatar-btn:hover{background:#ffffff59;transform:scale(1.05)}[data-theme=dark] .ph-avatar-btn{background:#6366f166;border-color:#6366f199;box-shadow:0 0 12px #6366f140}[data-theme=dark] .ph-avatar-btn:hover{background:#6366f199;box-shadow:0 0 18px #6366f166}.ph-nav{box-shadow:none;z-index:90;background:0 0;border-bottom:none;justify-content:center;padding:.75rem 1rem;display:flex;position:sticky;top:.5rem;overflow:visible}.nav-pill{-webkit-backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #fffc;border-radius:100px;gap:.2rem;padding:.3rem .4rem;display:flex;overflow:visible;box-shadow:inset 0 1.5px #fffffff2,inset 0 -1px #0000000a,0 6px 24px #6366f11f,0 2px 6px #0000000d}@media(max-width:768px){.nav-pill{scrollbar-width:none;max-width:calc(100vw - 2rem);overflow:auto hidden}.nav-pill::-webkit-scrollbar{display:none}}[data-theme=dark] .nav-pill{background:#201241e0;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000001f,0 6px 24px #00000052}.ph-nav-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;align-items:center;gap:.3rem;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}@media(min-width:769px){.ph-nav{padding:1rem 1rem .6rem}.nav-pill{gap:.15rem;padding:.4rem .5rem}.ph-nav-btn{gap:.4rem;padding:.65rem 1.3rem;font-size:.95rem;position:relative}.ph-nav-btn.active:before{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #6366f1cc}}.ph-nav-btn:hover:not(.active){color:var(--text);background:#fff9}[data-theme=dark] .ph-nav-btn:hover:not(.active){color:var(--text);background:#ffffff14}.ph-nav-btn.active{color:var(--primary);background:#6366f124;font-weight:600;box-shadow:inset 0 1px #fffc,0 2px 10px #6366f138}.ph-nav-btn.active svg{filter:drop-shadow(0 0 4px #6366f18c)}[data-theme=dark] .ph-nav-btn.active{color:#a5b4fc;background:#6366f138;box-shadow:inset 0 1px #ffffff1f,0 2px 12px #6366f159}[data-theme=dark] .ph-nav-btn.active svg{filter:drop-shadow(0 0 6px #6366f1b3)}.user-menu-wrap{position:relative}.ph-user-menu{-webkit-backdrop-filter:blur(20px);z-index:500;background:#ffffffe0;border:1px solid #ffffffeb;border-radius:20px;min-width:230px;animation:.15s fadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:inset 0 1px #fff,0 12px 36px #6366f124}[data-theme=dark] .ph-user-menu{-webkit-backdrop-filter:blur(20px);background:#261648f7;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 12px 36px #0000006b}.ph-menu-header{border-bottom:1px solid var(--border);padding:.9rem 1.25rem .75rem}.ph-menu-header strong{color:var(--text);margin-bottom:.1rem;font-size:1rem;display:block}.ph-menu-header span{color:var(--text-light);font-size:.8rem}.ph-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:.65rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;transition:background .15s;display:flex}.ph-menu-item:hover{background:var(--bg)}[data-theme=dark] .ph-menu-item:hover{background:#ffffff0f}.ph-menu-danger{color:var(--danger)!important}.ph-menu-divider{background:var(--border);height:1px}.ph-main{max-width:1400px;margin:0 auto;padding:2rem}.card{background:#ffffffc7;border:1px solid #ffffffe0;border-radius:24px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 1.5px #fff,inset 1px 0 #fff9,0 4px 20px #6366f114,0 1px 4px #0000000a}.card:hover{box-shadow:inset 0 1.5px #fff,inset 1px 0 #fff9,0 16px 40px #6366f121,0 4px 10px #0000000d}[data-theme=dark] .card{background:#2a1a50b8;border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 4px 20px #00000047}[data-theme=dark] .card:hover{box-shadow:inset 0 1px #ffffff1f,0 16px 40px #00000061}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h2{color:var(--text);letter-spacing:-.2px;font-size:1.1rem;font-weight:600}.btn{cursor:pointer;letter-spacing:-.1px;border:none;border-radius:100px;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 16px #6366f166}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 8px 28px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text);background:#ffffffbf;border:1px solid #ffffffe0;box-shadow:inset 0 1px #fff}.btn-secondary:hover{background:#ffffffeb}[data-theme=dark] .btn-secondary{color:var(--text);background:#ffffff12;border:1px solid #ffffff1a}[data-theme=dark] .btn-secondary:hover{background:#ffffff1f}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef444433;border-radius:100px}.btn-danger:hover{background:#ef444440}.btn-small{padding:.45rem .9rem;font-size:.85rem}input,textarea,select{color:var(--text);background:#ffffffbf;border:1.5px solid #ffffffd9;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #fff}textarea{border-radius:16px}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#ffffffd1;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #6366f12e}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text);background:#ffffff0f;border:1.5px solid #ffffff1a;box-shadow:inset 0 1px #ffffff14}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:inset 0 1px #ffffff14,0 0 0 3px #6366f140}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#ffffff40}.sort-dropdown{position:relative}.sort-dropdown-btn{color:var(--primary);cursor:pointer;white-space:nowrap;background:#6366f114;border:1.5px solid #6366f138;border-radius:100px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.sort-dropdown-btn:hover,.sort-dropdown-btn.open{background:#6366f124;border-color:#6366f173}.sort-chevron{flex-shrink:0;transition:transform .2s}.sort-chevron.flipped{transform:rotate(180deg)}.sort-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:200;background:#fffffff0;border:1px solid #ffffffe6;border-radius:14px;min-width:140px;padding:.3rem;animation:.15s ease-out dropIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #6366f124,0 2px 8px #00000012}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sort-dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .13s;display:flex}.sort-dropdown-item:hover{background:#6366f114}.sort-dropdown-item.active{color:var(--primary);font-weight:700}[data-theme=dark] .sort-dropdown-btn{color:#a5b4fc;background:#6366f11f;border-color:#6366f147}[data-theme=dark] .sort-dropdown-btn:hover,[data-theme=dark] .sort-dropdown-btn.open{background:#6366f133;border-color:#a5b4fc73}[data-theme=dark] .sort-dropdown-menu{background:#160e30f5;border-color:#ffffff1a;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d}.drag-handle{color:var(--text-light);opacity:.4;cursor:grab;flex-shrink:0;align-items:center;transition:opacity .15s;display:flex}.fin-drag-row:hover .drag-handle{opacity:.8}.fin-drag-row{cursor:default;transition:background .15s,transform .12s}.fin-drag-row.drag-over{border-top:2px solid var(--primary);background:#6366f114!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0a051966;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #ffffffe6;border-radius:28px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s slideUp;overflow-y:auto;box-shadow:inset 0 1.5px #fff,0 20px 60px #6366f129,0 4px 12px #0000000d}[data-theme=dark] .modal-box{-webkit-backdrop-filter:blur(24px);background:#261648f0;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff24,0 20px 60px #0000007a}.note-card{cursor:pointer;background:#ffffffc7;border:1px solid #ffffffe0;border-radius:18px;padding:1.25rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #fff,0 2px 10px #6366f10f}.note-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:inset 0 1.5px #fff,0 12px 32px #6366f121}[data-theme=dark] .note-card{background:#2a1a50b3;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 2px 10px #00000038}[data-theme=dark] .note-card:hover{border-color:#6366f173;box-shadow:inset 0 1px #ffffff1a,0 12px 32px #00000052}.note-card.priority-high{border-left:4px solid var(--danger)}.note-card.priority-medium{border-left:4px solid var(--warning)}.note-card.priority-low{border-left:4px solid var(--success)}.priority-badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.priority-badge.high{color:var(--danger);background:#fee2e2}.priority-badge.medium{color:#d97706;background:#fef3c7}.priority-badge.low{color:var(--success);background:#dcfce7}[data-theme=dark] .priority-badge.high{color:#f87171;background:#ef444433}[data-theme=dark] .priority-badge.medium{color:#fbbf24;background:#f59e0b33}[data-theme=dark] .priority-badge.low{color:#34d399;background:#10b98133}.sync-btn{color:var(--primary);cursor:pointer;background:#ffffffbf;border:1.5px solid #6366f166;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:inset 0 1px #fff}.sync-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .sync-btn{background:#ffffff12;border-color:#6366f173;box-shadow:inset 0 1px #ffffff14}[data-theme=dark] .sync-btn:hover{background:var(--primary);color:#fff}.ph-list{border:1px solid #fff9;border-radius:16px;overflow:hidden}[data-theme=dark] .ph-list{border-color:#ffffff12}.ph-list-row{border-bottom:1px solid var(--border);background:#ffffff80;align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:background .15s;display:flex}.ph-list-row:last-child{border-bottom:none}.ph-list-row:hover{background:#ffffffbf}[data-theme=dark] .ph-list-row{background:#ffffff08;border-bottom-color:#ffffff0d}[data-theme=dark] .ph-list-row:hover{background:#6366f114}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{text-align:center;background:#ffffffc7;border:1px solid #ffffffe0;border-radius:20px;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 1.5px #fff,0 4px 16px #6366f10f}.stat-card:hover{transform:translateY(-2px);box-shadow:inset 0 1.5px #fff,0 12px 32px #6366f11a}[data-theme=dark] .stat-card{background:#2a1a50b8;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1f,0 4px 16px #00000038}.stat-value{font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-light);margin-top:.25rem;font-size:.8rem}.cal-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.cal-header-cell{text-align:center;color:var(--text-light);padding:.5rem;font-size:.85rem;font-weight:600}.cal-day{aspect-ratio:1;cursor:pointer;background:#ffffffa6;border:1px solid #ffffffd1;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:55px;padding:.3rem;font-size:.85rem;transition:all .15s;display:flex;overflow:hidden;box-shadow:inset 0 1px #fffffff2}.cal-day:hover{background:#ffffffe6;transform:translateY(-1px)}.cal-day.today{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600;box-shadow:0 2px 8px #6366f159}[data-theme=dark] .cal-day{box-shadow:none;background:#ffffff0a;border-color:#ffffff0f}[data-theme=dark] .cal-day:hover{background:#6366f11a}[data-theme=dark] .cal-day.today{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#6366f180;box-shadow:0 0 16px #6366f166}.history-table{border-collapse:collapse;width:100%;font-size:.875rem}.history-table th{text-align:left;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--border);padding:.5rem .75rem;font-size:.78rem}.history-table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.6rem .75rem}.history-table tr:last-child td{border-bottom:none}.history-badge{white-space:nowrap;border-radius:20px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.history-badge.login{color:var(--success);background:#10b98126}.history-badge.password_changed{color:var(--warning);background:#f59e0b26}.history-badge.sessions_revoked{color:var(--danger);background:#ef444426}.history-badge.logout{color:var(--text-light);background:#6b728026}.chip{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex}.chip-success{color:var(--success);background:#10b9811f;border:1px solid #10b98133}.chip-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444433}.chip-warning{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b33}.chip-primary{background:var(--primary-glow);color:var(--primary);border:1px solid #6366f133}.empty-state{color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state svg{opacity:.3;margin-bottom:1rem}.fab{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #6366f166}.fab:hover{transform:scale(1.1);box-shadow:0 8px 28px #6366f180}.mon-service-card{background:#ffffffa6;border:1px solid #ffffffd1;border-radius:16px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}[data-theme=dark] .mon-service-card{background:#ffffff0d;border:1px solid #ffffff12}.mon-ssh-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mon-network-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.mon-network-divider{background:var(--border);width:1px;height:60px;margin:0 auto}.sort-pills{background:#ffffffa6;border:1px solid #ffffffe0;border-radius:100px;gap:.15rem;padding:.2rem;display:flex;box-shadow:inset 0 1px #ffffffe6,0 1px 4px #0000000a}[data-theme=dark] .sort-pills{box-shadow:none;background:#ffffff0f;border-color:#ffffff1a}.sort-pill-btn{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:.3rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s}.sort-pill-btn:hover{color:var(--text)}.sort-pill-btn.active{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 1px 6px #0000001a,inset 0 1px #fff}[data-theme=dark] .sort-pill-btn.active{color:#a5b4fc;box-shadow:none;background:#6366f14d}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.note-draggable{cursor:grab}.note-draggable:active{cursor:grabbing}.note-drag-over{outline-offset:2px;outline:2px dashed var(--primary)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px #6366f133!important}.search-wrapper{margin-bottom:1.25rem;position:relative}.search-wrapper input{padding-left:2.5rem}.search-icon{color:var(--text-light);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.page-enter{animation:.28s cubic-bezier(.22,1,.36,1) both pageEnter}.skeleton{background-color:#0000000f;background-image:linear-gradient(90deg,#0000,#fff9,#0000);background-repeat:no-repeat;background-size:600px 100%;border-radius:8px;animation:1.5s infinite shimmer;display:block}[data-theme=dark] .skeleton{background-color:#ffffff0d;background-image:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:5.5rem;right:1rem}@media(min-width:769px){.toast-stack{bottom:1.5rem}}.toast{-webkit-backdrop-filter:blur(20px);pointer-events:all;cursor:pointer;color:#fff;border-radius:14px;align-items:center;gap:.6rem;max-width:300px;padding:.7rem 1rem;font-size:.88rem;font-weight:500;animation:.28s cubic-bezier(.22,1,.36,1) both toastIn;display:flex;box-shadow:0 8px 28px #0000002e,inset 0 1px #ffffff40}.toast-icon{background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.toast-success{background:#10b981eb;border:1px solid #10b98166}.toast-error{background:#ef4444eb;border:1px solid #ef444466}.toast-info{background:#6366f1eb;border:1px solid #6366f166}.app-loading{background:#e8e4ff;justify-content:center;align-items:center;min-height:100vh;display:flex}[data-theme=dark] .app-loading{background:#0e0a1c}.app-spinner{border:3px solid #6366f140;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#6366f18c}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-orb{pointer-events:none;will-change:transform;z-index:0;filter:blur(72px);border-radius:50%;position:fixed}.login-orb-1{background:#f472b638;width:480px;height:480px;top:-140px;left:-140px}.login-orb-2{background:#22d3ee2e;width:400px;height:400px;bottom:-120px;right:-120px}[data-theme=dark] .login-orb-1{background:#f472b64d}[data-theme=dark] .login-orb-2{background:#22d3ee40}.login-box{-webkit-backdrop-filter:blur(30px);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:28px;width:100%;max-width:400px;padding:2.5rem;box-shadow:inset 0 1.5px #fff,0 24px 64px #6366f124,0 4px 12px #0000000d}[data-theme=dark] .login-box{background:#261648eb;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff24,0 24px 64px #0000007a}.login-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.login-input-wrap{position:relative}.login-input-wrap input{padding-left:2.75rem}.login-input-wrap input:has(~.pw-toggle){padding-right:2.75rem}.login-input-icon{width:18px;height:18px;color:var(--text-light);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.login-input-icon svg{width:18px;height:18px}.pw-toggle{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;align-items:center;width:auto;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pw-toggle:hover{color:var(--primary)}.pw-toggle svg{width:18px;height:18px;display:block}.login-error{color:var(--danger);background:#ef44441f;border:1px solid #ef444440;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.upload-progress-wrap{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.1rem}.upload-progress-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.875rem;font-weight:600;overflow:hidden}.upload-progress-count{color:var(--text-light);font-weight:500}.upload-progress-meta{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.8rem}.upload-progress-track{background:#6366f11f;border-radius:100px;height:8px;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;height:100%;transition:width .2s ease-out;box-shadow:0 0 8px #6366f166}.upload-banner{bottom:calc(80px + env(safe-area-inset-bottom));z-index:200;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:.75rem;width:calc(100vw - 3rem);min-width:300px;max-width:480px;padding:.65rem 1rem;animation:.25s cubic-bezier(.34,1.56,.64,1) bannerIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 0 0 1px #6366f11f}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.upload-banner-icon{color:var(--primary);opacity:.85;flex-shrink:0}.upload-banner-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.upload-banner-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.upload-banner-meta{color:var(--text-light);font-size:.76rem}.upload-banner-bar-wrap{background:#6366f11f;border-radius:100px;height:4px;margin-top:.1rem;overflow:hidden}.upload-banner-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;height:100%;transition:width .2s ease-out}.upload-banner-pct{color:var(--primary);text-align:right;flex-shrink:0;min-width:30px;font-size:.78rem;font-weight:700}.upload-banner-abort{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.3rem;transition:color .15s,background .15s;display:flex}.upload-banner-abort:hover{color:var(--danger);background:#ef44441a}@media(max-width:768px){.ph-header{padding:max(.65rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left))}.ph-logo{gap:.5rem;font-size:1.05rem}.ph-logo-icon{width:28px;height:28px}.ph-header-right{gap:.4rem}.ph-nav{z-index:200;-webkit-backdrop-filter:blur(24px);background:#ffffffe6;border-top:1px solid #ffffffd9;justify-content:stretch;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #0000000f,0 -4px 24px #6366f114;top:auto!important}[data-theme=dark] .ph-nav{background:#0e071ef0;border-top-color:#ffffff12;box-shadow:0 -1px #ffffff0d,0 -4px 24px #0006}.nav-pill{padding:.35rem max(.5rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));justify-content:space-around;gap:0;width:100%;max-width:100%;overflow:hidden;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.nav-pill>div{flex:1;justify-content:center;display:flex;transition:none!important;transform:none!important}.ph-nav-btn{width:100%;color:var(--text-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:.5rem .25rem}.ph-nav-btn svg{width:24px;height:24px}.nav-label{display:none}.ph-nav-btn:hover:not(.active){background:0 0}.ph-nav-btn.active{color:var(--primary);box-shadow:none;background:0 0;font-weight:700}.ph-nav-btn.active svg{filter:drop-shadow(0 0 6px #6366f180)}.ph-root{flex-direction:column;min-height:100dvh;display:flex}.ph-main{padding:.75rem max(.75rem,env(safe-area-inset-right)) max(5.5rem,calc(4.5rem + env(safe-area-inset-bottom))) max(.75rem,env(safe-area-inset-left));flex:1}.card{border-radius:18px;padding:.875rem}.card-header{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.notes-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cal-grid{gap:.2rem}.cal-header-cell{padding:.25rem .1rem;font-size:.7rem}.cal-day{min-height:40px;padding:.15rem .1rem;font-size:.78rem}.mon-ssh-grid,.mon-network-grid{grid-template-columns:1fr}.mon-network-divider{display:none}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:24px 24px 0 0;max-height:92vh}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}