@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#050807;--bg-secondary:#0a100d;--bg-tertiary:#0d1411;--bg-elevated:#111a16;--bg-input:#0b1310;--bg-modal:#0e1612;--bg-overlay:#000000b8;--bg-glow-radial:radial-gradient(60% 80% at 100% 50%, #00e6760f 0%, transparent 70%);--text-primary:#fff;--text-secondary:#b5bfba;--text-muted:#6b7670;--text-disabled:#3f4a45;--text-accent:#2be583;--text-danger:#ff4757;--text-warning:#ffc532;--text-on-accent:#04150b;--green-50:#e6fff2;--green-100:#b3ffd9;--green-200:#7df7bb;--green-300:#4def9f;--green-400:#2be583;--green-500:#00d86a;--green-600:#00b85a;--green-700:#008f47;--green-800:#006634;--green-900:#003d20;--green-glow:#00d86a73;--green-glow-soft:#00d86a2e;--green-glow-faint:#00d86a14;--success:#00d86a;--success-bg:#00d86a1a;--success-border:#00d86a59;--danger:#ff4757;--danger-bg:#ff47571a;--danger-border:#ff475766;--danger-glow:#ff47574d;--warning:#ffc532;--warning-bg:#ffc5321a;--warning-border:#ffc53259;--info:#8a9590;--info-bg:#8a95901a;--info-border:#8a95904d;--neutral:#4a5450;--neutral-bg:#4a545033;--neutral-border:#4a545080;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-accent:#00d86a73;--border-accent-strong:#00d86ad9;--border-danger:#ff47578c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #000000a6;--shadow-modal:0 24px 64px #000000bf, 0 0 0 1px #00d86a40;--glow-green-sm:0 0 12px #00d86a59;--glow-green-md:0 0 24px #00d86a66, 0 0 48px #00d86a26;--glow-green-lg:0 0 32px #00d86a80, 0 0 80px #00d86a33;--glow-red-sm:0 0 12px #ff475759;--glow-red-md:0 0 24px #ff475766;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-display:"Inter", system-ui, sans-serif;--fs-h1:36px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:16px;--fs-body:14px;--fs-small:13px;--fs-caption:11px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-snug:1.4;--lh-base:1.5;--lh-loose:1.7;--ls-wider:.18em;--ls-wide:.08em;--ls-base:0;--ls-tight:-.02em;--t-fast:.12s cubic-bezier(.2,.8,.2,1);--t-base:.2s cubic-bezier(.2,.8,.2,1);--t-slow:.32s cubic-bezier(.2,.8,.2,1);--bp-mobile:375px;--bp-tablet:768px;--bp-desktop:1024px;--bp-wide:1440px;--z-sidebar:10;--z-dropdown:50;--z-modal-backdrop:100;--z-modal:110;--z-toast:200;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;min-width:0}html,body,#root{max-width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(90% 60% at 100% 0,#00d86a0a 0%,#0000 60%),radial-gradient(80% 80% at 0 100%,#00d86a06 0%,#0000 70%);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}a{color:var(--text-accent);text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}::-webkit-scrollbar-track{background:0 0}.app{min-height:100vh;display:block}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__brand{letter-spacing:.22em;color:#fff;padding:0 8px 28px;font-size:16px;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--t-base);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 14px;font-size:14.5px;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-item.is-active{color:var(--text-primary);border-color:var(--border-accent);box-shadow:0 0 24px -4px var(--green-glow-soft), inset 0 0 0 1px #00d86a1a;background:linear-gradient(#00d86a2e,#00d86a0d)}.nav-item.is-active svg{color:var(--text-accent)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar__footer{border-top:1px solid var(--border-subtle);margin-top:14px;padding-top:14px}.menu-toggle{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-default);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:14px;left:14px}.menu-back{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-default);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:fixed;top:14px;left:68px}.menu-back svg{width:22px;height:22px}@media (width<=1023px){.menu-back.is-visible{display:inline-flex}}.menu-toggle svg{width:22px;height:22px}.sidebar-scrim{z-index:25;background:#0009;display:none;position:fixed;inset:0}.page{min-height:100vh;padding:36px 44px 60px;overflow-x:hidden}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page__title-block{flex:1;min-width:0}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-accent)}.breadcrumb .crumb-sep{color:var(--text-muted)}.breadcrumb .current{color:var(--text-secondary)}h1.page__title{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(28px,3vw,36px);font-weight:700}.page__subtitle{color:var(--text-secondary);max-width:720px;margin:0;font-size:15px}.accent{color:var(--text-accent)}.date-chip{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:inline-flex}.date-chip svg{width:16px;height:16px;color:var(--text-accent)}.date-chip__sub{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.btn{transition:var(--t-base);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px}.btn--primary{background:linear-gradient(180deg, var(--green-400), var(--green-600));color:var(--text-on-accent);box-shadow:0 0 0 1px #00d86a66, 0 8px 24px -8px var(--green-glow)}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--green-300), var(--green-500));box-shadow:0 0 0 1px #00d86a99, 0 8px 28px -6px var(--green-glow)}.btn--primary:disabled{background:var(--bg-elevated);color:var(--text-disabled);box-shadow:0 0 0 1px var(--border-default);cursor:not-allowed}.btn--outline{color:var(--text-accent);border-color:var(--border-accent);background:0 0}.btn--outline:hover{background:var(--green-glow-faint);border-color:var(--border-accent-strong)}.btn--ghost{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.btn--ghost:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn--icon{border-radius:10px;width:38px;height:38px;padding:0}.card{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:22px;position:relative}.card--glow{border-color:var(--border-accent);box-shadow:0 0 0 1px #00d86a1f, 0 0 26px -2px #00d86a29, inset 0 0 60px -34px var(--green-glow-faint)}.card--glow-red{border-color:var(--danger-border);box-shadow:0 0 0 1px #ff47572e,0 0 26px -2px #ff47572e}.field{margin-bottom:16px;display:block}.field__label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.field__label .opt{color:var(--text-muted);margin-left:4px;font-weight:400}.input,.textarea,.select{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);transition:var(--t-base);border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--green-glow-faint)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:90px;font-family:inherit}.input,.textarea,.select,input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],textarea,select{font-size:16px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7670' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.input-row{align-items:center;gap:8px;display:flex}.input-with-icon{position:relative}.input-with-icon .input{padding-left:42px}.input-with-icon>svg.lead{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .trail-btn{width:30px;height:30px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.input-with-icon .trail-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.char-count{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px}.checkbox{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;position:absolute}.checkbox__box{border:1.5px solid var(--border-strong);background:var(--bg-input);width:18px;height:18px;transition:var(--t-fast);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox__box svg{width:12px;height:12px;color:var(--text-on-accent);opacity:0}.checkbox input:checked+.checkbox__box{background:var(--green-500);border-color:var(--green-500)}.checkbox input:checked+.checkbox__box svg{opacity:1}.checkbox--done .checkbox__label{color:var(--text-disabled);text-decoration:line-through}.tag{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag--success{color:var(--text-accent);background:#00d86a1a;border-color:#00d86a59}.tag--danger{color:#ff7984;background:#ff47571a;border-color:#ff475766}.tag--warning{color:#e0aa2e;background:#ffc5321a;border-color:#ffc53259}.tag--info{color:#a3ada8;background:#8a95901a;border-color:#8a95904d}.tag--neutral{color:#8a9590;background:#4a545033;border-color:#4a545073}.dot{border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot--green{background:var(--green-500);box-shadow:0 0 8px #00d86a99}.dot--red{background:var(--danger);box-shadow:0 0 8px #ff475799}.dot--yellow{background:var(--warning);box-shadow:0 0 8px #ffc53299}.dot--gray{background:var(--neutral)}.modal-overlay{background:var(--bg-overlay);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-modal);border:1px solid var(--border-accent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:90vh;padding:26px;animation:.22s cubic-bezier(.2,.8,.3,1.1) pop-in;overflow-y:auto}.modal--lg{max-width:640px}.modal__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal__title{align-items:center;gap:12px;display:flex}.modal__title .icon-pill{border:1px solid var(--border-accent);width:38px;height:38px;color:var(--text-accent);background:#00d86a1f;border-radius:10px;justify-content:center;align-items:center;display:flex}.modal__title h3{margin:0 0 2px;font-size:18px;font-weight:600}.modal__title p{color:var(--text-muted);margin:0;font-size:13px}.modal__close{width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.modal__close:hover{color:#fff;background:var(--bg-elevated)}.modal__actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.toasts{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-modal);border:1px solid var(--border-accent);color:var(--text-primary);box-shadow:var(--shadow-lg), 0 0 0 1px var(--green-glow-soft);border-radius:12px;align-items:center;gap:10px;min-width:240px;padding:12px 16px;font-size:13px;animation:.24s ease-out toast-in;display:flex}.toast svg{color:var(--text-accent);width:18px;height:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menu{z-index:60;background:var(--bg-modal);border:1px solid var(--border-default);min-width:140px;box-shadow:var(--shadow-lg);border-radius:10px;padding:6px;animation:.16s ease-out pop-in;position:absolute}.menu__item{width:100%;color:var(--text-secondary);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.menu__item:hover{background:var(--bg-elevated);color:var(--text-primary)}.menu__item svg{width:15px;height:15px}.menu__item--danger{color:#ff7984}.menu__item--danger:hover{color:#ff7984;background:#ff475714}.tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:24px;display:flex}.tab{color:var(--text-muted);transition:var(--t-base);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 24px;font-size:14px;font-weight:500}.tab:hover{color:var(--text-secondary)}.tab.is-active{color:var(--text-accent);border-bottom-color:var(--green-500);box-shadow:0 1px 0 0 var(--green-500)}.segmented{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented__btn{color:var(--text-secondary);border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.segmented__btn:hover{color:var(--text-primary)}.segmented__btn.is-active{color:var(--text-accent);box-shadow:inset 0 0 0 1px var(--border-accent);background:#00d86a24}.segmented__btn .dot{width:8px;height:8px}.pagination{align-items:center;gap:6px;display:flex}.pag-btn{border:1px solid var(--border-default);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex}.pag-btn:hover:not(:disabled){color:#fff;background:var(--bg-elevated)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-btn.is-active{color:var(--text-accent);border-color:var(--border-accent);background:#00d86a1a}@media (width>=1024px){main{margin-left:var(--sidebar-w);min-width:0}}@media (width<=1023px){.app{grid-template-columns:1fr}main{margin-left:0}.sidebar{width:280px;max-width:85vw;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.app.menu-open .sidebar{transform:translate(0)}.app.menu-open .sidebar-scrim{display:block}.menu-toggle{display:inline-flex}.app.menu-open .menu-toggle{color:var(--text-secondary);background:0 0;border-color:#0000;left:auto;right:calc(100vw - min(280px,85vw) + 14px)}.app.menu-open .menu-back{display:none!important}.page{padding:70px 20px 60px}.page__header{gap:16px}}@media (width<=768px){main{min-width:0;max-width:100vw;overflow-x:hidden}.page{padding:calc(110px + env(safe-area-inset-top,0px)) 16px 40px;max-width:100vw;overflow-x:hidden}.card{overflow-wrap:anywhere;word-wrap:break-word;max-width:100%;padding:18px 16px}.page__header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:22px}.page__header>div:last-child{width:100%}.date-chip{width:fit-content;max-width:100%;padding:9px 14px;font-size:12.5px}.date-chip>div>div:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h1.page__title{font-size:clamp(22px,6vw,28px)}.page__subtitle{overflow-wrap:anywhere;max-width:100%;font-size:14px}.breadcrumb{display:none}.btn{min-height:44px;padding:11px 14px;font-size:14px}.btn--icon{width:44px;height:44px;min-height:44px;padding:0}.modal-overlay{align-items:flex-start;padding:24px 10px 10px}.modal{border-radius:16px;width:95vw;max-width:95vw;max-height:92vh;padding:20px 16px}.modal--lg{max-width:95vw}.modal__head{gap:10px;margin-bottom:16px}.modal__title h3{font-size:16.5px}.modal__title p{font-size:12.5px}.modal__close{width:44px;min-width:44px;height:44px}.modal__actions{flex-direction:column-reverse;gap:8px}.modal__actions .btn{width:100%}.modal .segmented{background:0 0;border:none;padding:0;grid-template-columns:1fr 1fr!important;gap:6px!important;display:grid!important}.modal .segmented__btn{background:var(--bg-tertiary);border:1px solid var(--border-default);justify-content:center;min-height:42px;padding:11px 10px;font-size:12.5px}.modal .segmented__btn.is-active{border-color:var(--border-accent);background:#00d86a24}.modal [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.input[type=date],.input[type=time]{appearance:none;width:100%;min-width:0;display:block}.modal .input,.modal .textarea,.modal .select{width:100%!important;min-width:0!important}.modal .input-with-icon{width:100%;display:block}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{white-space:nowrap;flex:1;min-width:0;min-height:44px;padding:12px 16px}.pag-btn{width:40px;height:40px;min-height:40px}.menu{min-width:180px}.menu__item{min-height:44px;padding:12px 14px}}@media (width<=600px){.page{padding:calc(110px + env(safe-area-inset-top,0px)) 14px 36px}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}