:root{--bg-page: #0f1723;--bg-page-alt: #162235;--bg-surface: rgba(10, 18, 30, .58);--bg-surface-alt: rgba(17, 28, 42, .6);--bg-input: rgba(7, 13, 22, .74);--input-readonly-bg: rgba(10, 18, 30, .72);--text: #edf3ff;--text-muted: #cad6ea;--text-dim: #b2c0d8;--border: rgba(230, 238, 255, .2);--border-soft: rgba(214, 226, 246, .16);--focus: #4c8dff;--shadow: 0 18px 44px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .05);--radius: 14px;--radius-sm: 10px;--gap-1: 6px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 20px;--copy-ring: rgba(69, 176, 122, .3);--copy-border: rgba(69, 176, 122, .62);--copy-bg: #15261f;--warn-border: #7f6b36;--warn-bg: rgba(58, 48, 22, .74);--warn-text: #f7e3a6;--danger-border: #875062;--danger-bg: rgba(62, 34, 45, .74);--ok: #6ad49a;--error: #ff9bb0;--bg-overlay-top: rgba(9, 15, 23, .7);--bg-overlay-bottom: rgba(11, 18, 29, .75);--bg-accent-left: rgba(83, 121, 176, .26);--bg-accent-right: rgba(87, 135, 194, .24);--topbar-bg: rgba(10, 17, 27, .72);--backdrop-bg: rgba(8, 12, 18, .62);--card-close-bg: rgba(8, 14, 24, .72);--btn-bg: rgba(18, 29, 44, .8);--btn-bg-hover: rgba(28, 44, 66, .9);--btn-border-hover: rgba(217, 228, 245, .34);--btn-light-bg: rgba(12, 22, 36, .78);--btn-light-bg-hover: rgba(18, 32, 49, .9);--btn-light-border-hover: rgba(218, 228, 244, .36);--btn-light-text: #e2ebfb;--item-bg: rgba(12, 21, 33, .56);--link: #d2e6ff;--link-hover: #f2f8ff;--code-bg: rgba(10, 17, 29, .76);--code-text: #e1ecff;--logo-border: rgba(255, 255, 255, .16);--logo-bg: rgba(255, 255, 255, .09);--theme-toggle-bg: rgba(8, 15, 26, .52);--theme-toggle-border: rgba(214, 226, 246, .24);--theme-toggle-text: var(--text-muted);--theme-toggle-active-bg: rgba(76, 141, 255, .22);--theme-toggle-active-border: rgba(140, 182, 255, .7);--theme-toggle-active-text: #f5f9ff;color-scheme:dark}:root[data-theme=light]{--bg-page: #ecf3fc;--bg-page-alt: #deebf8;--bg-surface: rgba(255, 255, 255, .88);--bg-surface-alt: rgba(244, 250, 255, .92);--bg-input: rgba(255, 255, 255, .98);--input-readonly-bg: rgba(236, 245, 253, .88);--text: #17324f;--text-muted: #4e6887;--text-dim: #5f7895;--border: rgba(31, 88, 153, .28);--border-soft: rgba(31, 88, 153, .18);--focus: #2f6fda;--shadow: 0 16px 36px rgba(35, 68, 104, .16), inset 0 1px 0 rgba(255, 255, 255, .72);--copy-ring: rgba(35, 145, 92, .25);--copy-border: rgba(35, 145, 92, .48);--copy-bg: #effbf4;--warn-border: #c1932f;--warn-bg: rgba(255, 243, 204, .9);--warn-text: #6a4d12;--danger-border: #b85976;--danger-bg: rgba(255, 232, 238, .9);--ok: #2b8d61;--error: #b43f5f;--bg-overlay-top: rgba(235, 246, 255, .82);--bg-overlay-bottom: rgba(223, 238, 252, .9);--bg-accent-left: rgba(70, 121, 186, .16);--bg-accent-right: rgba(65, 154, 206, .14);--topbar-bg: rgba(248, 252, 255, .86);--backdrop-bg: rgba(18, 38, 60, .24);--card-close-bg: rgba(240, 248, 255, .95);--btn-bg: rgba(238, 246, 255, .88);--btn-bg-hover: rgba(226, 240, 255, .98);--btn-border-hover: rgba(37, 84, 137, .34);--btn-light-bg: rgba(255, 255, 255, .9);--btn-light-bg-hover: rgba(242, 249, 255, .98);--btn-light-border-hover: rgba(37, 84, 137, .34);--btn-light-text: #1c334f;--item-bg: rgba(255, 255, 255, .74);--link: #1f4f86;--link-hover: #12385f;--code-bg: rgba(236, 245, 253, .95);--code-text: #153250;--logo-border: rgba(31, 88, 153, .24);--logo-bg: rgba(236, 245, 253, .9);--theme-toggle-bg: rgba(236, 245, 253, .95);--theme-toggle-border: rgba(31, 88, 153, .28);--theme-toggle-text: #446082;--theme-toggle-active-bg: rgba(47, 111, 218, .14);--theme-toggle-active-border: rgba(47, 111, 218, .42);--theme-toggle-active-text: #193a64;color-scheme:light}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Segoe UI,Noto Sans,Liberation Sans,sans-serif;background-image:linear-gradient(180deg,var(--bg-overlay-top) 0%,var(--bg-overlay-bottom) 100%),radial-gradient(1100px 560px at -8% -10%,var(--bg-accent-left) 0%,transparent 56%),radial-gradient(900px 560px at 108% 0%,var(--bg-accent-right) 0%,transparent 52%),url(/assets/meteo-bg-DaCfeEEW.jpg);background-size:cover,cover,cover,cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.app-shell{min-height:100vh}.page{min-height:100vh;color:var(--text)}.container{width:min(1040px,94vw);margin:20px auto 36px;padding:0}.topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border-soft);background:var(--topbar-bg);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.topbar__inner{width:min(1040px,94vw);margin:0 auto;padding:10px 0;display:flex;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:0}.brand__logo{height:38px;width:auto;object-fit:contain;flex:0 0 auto;display:block}.brand__name{font-weight:700;letter-spacing:.01em;white-space:nowrap}.topnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.topnav .link{font-size:.95rem}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:var(--gap-2)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.card,.modal{width:min(760px,96vw);background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:0 auto;animation:soft-in .22s ease-out}.modal--wide{width:min(860px,96vw)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-3)}.card__title{font-weight:700;letter-spacing:.01em}.card__close{border:1px solid var(--border-soft);background:var(--card-close-bg);color:var(--text-muted);height:30px;width:30px;border-radius:8px;cursor:pointer}.card__close:hover{border-color:var(--focus);color:var(--text)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.small{font-size:13px}.error{color:var(--error)}.ok{color:var(--ok)}.bad{color:var(--error)}.form{display:block}.form-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:var(--gap-2);margin:8px 0}.form-row--noactions{grid-template-columns:140px 1fr}.label{color:var(--text-muted);font-size:14px}.input,.textarea,.select,.file{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);transition:box-shadow .2s,border-color .2s,background .2s;box-sizing:border-box}.input::placeholder,.textarea::placeholder{color:#adbdd8}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #4c8dff2e}.textarea{min-height:120px;resize:vertical}.input--flash,.textarea--flash{box-shadow:0 0 0 2px var(--copy-ring);border-color:var(--copy-border);background:var(--copy-bg)}.input[readonly],.textarea[readonly]{background:var(--input-readonly-bg);color:var(--text-muted);border-color:var(--border-soft);cursor:not-allowed;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b9c4d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;padding-right:34px}.input[readonly]:focus,.textarea[readonly]:focus{box-shadow:none}.btn{padding:8px 11px;border:1px solid var(--border);background:var(--btn-bg);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:background .16s,border-color .16s,transform .1s}.btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.56;cursor:not-allowed}.btn--light{background:var(--btn-light-bg);border-color:var(--border-soft);color:var(--btn-light-text)}.btn--light:hover{background:var(--btn-light-bg-hover);border-color:var(--btn-light-border-hover)}.btn--success{border-color:var(--copy-border);background:#19372a}.btn--danger{border-color:var(--danger-border);background:var(--danger-bg)}.btn--danger:hover{background:#472633;border-color:#7b3f4f}.btn--ghost{background:transparent}.list{list-style:none;padding:0;margin:0}.item{border:1px solid var(--border-soft);background:var(--item-bg);padding:12px;border-radius:var(--radius-sm);margin-bottom:8px;animation:soft-in .22s ease-out}.stack{display:grid;gap:28px;margin-top:16px}.box{border:1px solid var(--border-soft);border-radius:var(--radius);padding:24px;background:var(--bg-surface-alt);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.box__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.box__title{margin:0;font-size:16px;font-weight:700}.note{margin-top:6px;padding:10px 12px;border:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-text);border-radius:var(--radius-sm);line-height:1.35}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.right{text-align:right}.link{color:var(--link);font-size:14px;text-decoration:underline;text-underline-offset:2px}.link:hover{color:var(--link-hover)}.code{background:var(--code-bg);color:var(--code-text);padding:10px;border-radius:8px;border:1px solid var(--border-soft);overflow:auto}.notes-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--gap-3);gap:var(--gap-2)}.notes-actions .left{display:flex;align-items:center}.notes-actions .right{display:flex;gap:var(--gap-2)}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}.login-card{width:min(420px,96vw);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:30px}.login-head{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.login-logo{width:min(240px,100%);height:auto;border-radius:14px;border:1px solid var(--logo-border);background:var(--logo-bg);object-fit:contain;padding:6px 10px;box-sizing:border-box}.login-theme-toggle{margin-top:4px}.theme-toggle{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--theme-toggle-border);border-radius:999px;background:var(--theme-toggle-bg);padding:3px}.theme-toggle__btn{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--theme-toggle-text);padding:4px 10px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .16s ease}.theme-toggle__btn.is-active{background:var(--theme-toggle-active-bg);border-color:var(--theme-toggle-active-border);color:var(--theme-toggle-active-text)}.login-title{margin:0;font-size:1.4rem;text-align:center}.login-sub{margin:0;color:var(--text-muted)}.login-form{display:grid;gap:14px}.login-label{display:grid;gap:6px}.login-label span{color:var(--text-muted);font-size:14px}.login-foot{margin-top:20px;color:var(--text-muted);font-size:13px;text-align:center}@media (max-width: 900px){.topbar__inner{gap:10px;align-items:flex-start;flex-wrap:wrap}.topbar__right{margin-left:0}}@media (max-width: 760px){.container{margin-top:18px}.form-row,.form-row--noactions{grid-template-columns:1fr;gap:6px}.notes-actions{flex-direction:column;align-items:stretch}}@keyframes soft-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}