@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f7fb;--paper:#fff;--ink:#292b3c;--muted:#9b9cab;--line:#eeeeF4;--brand:#7762da;--brand-deep:#6551ca;--soft:#f3efff;--shadow:0 10px 40px rgba(41,31,92,.035);--radius:20px;--input:#fbfafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Inter,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,textarea,select{max-width:100%;outline:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c9beff;outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.045em}h1{font-size:30px;line-height:1.2;font-weight:800}h2{font-size:24px;line-height:1.3;font-weight:800}h3{font-size:16px;font-weight:800}p{color:var(--muted)}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.sidebar{width:256px;position:fixed;z-index:11;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #f0eef5;padding:30px 16px 18px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.07em;font-weight:800;padding:0 11px;white-space:nowrap}.brand-mark{height:40px;width:40px;border-radius:13px;background:linear-gradient(140deg,#9988ee,#6452ca);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #7664d73d;font-size:24px;flex:0 0 auto;letter-spacing:0}.brand-dot{color:var(--brand)}.brand-mark.mini{height:31px;width:31px;font-size:19px;border-radius:10px}.side-subtitle{font-size:10px;color:#9c9baa;margin:8px 0 40px 62px;letter-spacing:.02em}.nav-label{font-size:9px;letter-spacing:.14em;color:#b4b2c0;font-weight:800;margin:0 15px 14px}.side-nav{display:flex;flex-direction:column;gap:5px;margin-bottom:32px}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 17px;border-radius:13px;color:#747588;font-weight:700;font-size:12px;transition:background .18s,color .18s}.nav-link:hover{background:#f7f5ff;color:var(--brand)}.nav-link.active{background:#f0ecff;color:var(--brand-deep)}.nav-symbol{width:20px;text-align:center;font-size:22px;line-height:1.1;font-weight:400}.sidebar-bottom{margin-top:auto;border-radius:16px;padding:17px;background:#f1edff;min-height:130px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}.sidebar-bottom .mini-sparkles{position:absolute;font-size:47px;color:#bdb1fa;right:13px;top:0}.sidebar-bottom strong{font-size:12px}.sidebar-bottom span:not(.mini-sparkles){font-size:10px;color:#9186b1;max-width:155px}.side-user{margin-top:17px;display:flex;align-items:center;gap:10px;padding:10px 5px 0;border-top:1px solid #f1eff4;min-width:0}.avatar,.top-avatar{background:#ffe8df;color:#b76f52;width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-weight:800;flex:0 0 auto}.user-details{min-width:0;display:flex;flex-direction:column;flex:1;line-height:1.4}.user-details strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details small{font-size:9px;color:#aaa;overflow:hidden;text-overflow:ellipsis}.logout-btn{border:0;background:none;font-size:20px;color:#a6a4b0}.main-area{min-width:0;grid-column:2;display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 44px;background:rgba(255,255,255,.85);border-bottom:1px solid #f0eff5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-left{font-size:11px}.crumb,.crumb-sep{color:#b0acba}.topbar-left strong{color:#48455b}.top-date{color:#9696a6;font-size:11px;font-weight:700}.round-add{display:grid;place-items:center;background:#f0ebff;color:var(--brand);width:35px;height:35px;border-radius:11px;font-size:21px}.top-avatar{height:35px;width:35px;border-radius:50%;font-size:13px}.mobile-brand{display:none}.content{width:100%;max-width:1370px;margin:0 auto;padding:37px 44px 50px;flex:1}.site-footer{padding:0 44px 20px;display:flex;justify-content:space-between;color:#b3b0be;font-size:10px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--brand);display:block;margin-bottom:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.page-heading p{font-size:12px;margin-top:8px}.dashboard-heading{margin-bottom:27px}.hello-wave{font-size:25px}.light-count{font-size:15px;color:#a3a0b3;font-weight:600;vertical-align:middle}.btn{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;white-space:nowrap;border-radius:11px;font-size:11px;font-weight:800;border:1px solid transparent;transition:all .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 7px 16px rgba(119,98,218,.18)}.btn-primary:hover{background:var(--brand-deep)}.btn-outline{background:#fff;color:#6b618b;border-color:#e9e6f0}.btn-quiet{background:#f9f8fc;color:#89869b}.btn-danger-outline{background:#fff;color:#cc5969;border-color:#ffdbe1}.btn-wide{width:100%;height:47px;justify-content:space-between;padding:0 20px}.text-link{font-size:11px;font-weight:800;color:var(--brand)}.back-link{display:inline-block;color:var(--brand);font-size:11px;font-weight:800;margin-bottom:11px}.btn-link{background:none;border:none;color:var(--brand);padding:0;font-weight:800;font-size:11px}.btn-link.danger{color:#cf6371}.hero-banner{height:229px;background:linear-gradient(110deg,#7763d5 0%,#9481e6 75%,#ad9bef 100%);border-radius:22px;position:relative;overflow:hidden;margin-bottom:21px;display:flex}.hero-copy{padding:28px 36px;z-index:2;color:#fff;position:relative}.hero-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:#eee8ff}.hero-copy h2{font-size:25px;color:#fff;margin:9px 0 9px;line-height:1.28}.hero-copy p{color:#e9e3ff;font-size:10px}.hero-action{margin-top:16px;display:inline-flex;background:#fff;color:#6c58c5;padding:9px 14px;border-radius:9px;font-size:10px;font-weight:800}.hero-decor{position:absolute;right:60px;top:0;width:290px;height:100%;transform:rotate(-7deg)}.hero-decor .circle{border:1px solid #ffffff35;position:absolute;border-radius:50%;width:230px;height:230px;left:30px;top:0}.hero-decor .c2{width:300px;height:300px;left:-7px;top:-32px}.card-illustration{width:138px;height:150px;background:linear-gradient(140deg,#fff,#f0edff);border-radius:19px;box-shadow:0 15px 45px #34306730;position:absolute;top:36px;left:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6a56cd}.card-illustration span{color:#fa8c99;font-size:25px;line-height:1}.card-illustration strong{font-size:59px;font-weight:800;line-height:1.1;letter-spacing:-.08em}.card-illustration small{font-size:12px;color:#a9a0ce;font-weight:800}.card-illustration i{position:absolute;color:#a8a0ed;font-size:27px;right:-17px;top:-13px}.gift{position:absolute;right:0;bottom:11px;font-size:46px;transform:rotate(18deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat-card{background:var(--paper);padding:18px 17px;border:1px solid var(--line);border-radius:16px;min-height:91px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);position:relative}.stat-icon{height:46px;width:46px;display:grid;place-items:center;border-radius:13px;font-size:23px;flex:none}.stat-icon.lavender{background:#efebff;color:#8975de}.stat-icon.peach{background:#fff0e7;color:#f0a375}.stat-icon.mint{background:#e8f8f1;color:#58ba95}.stat-icon.yellow{background:#fff7df;color:#dabb65}.stat-card span:nth-child(2){display:flex;flex-direction:column;line-height:1.35}.stat-card small{font-size:10px;color:var(--muted);font-weight:600}.stat-card strong{font-size:24px;letter-spacing:-.06em}.stat-arrow{position:absolute;right:15px;top:14px;color:#c1bfd0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 25px 17px}.panel-heading p{margin-top:3px;font-size:10px}.aside-stack{display:flex;flex-direction:column;gap:18px;min-width:0}.timeline{padding:0 25px 14px}.timeline-item{display:flex;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #f2f0f6}.timeline-item:hover .timeline-title strong{color:var(--brand)}.date-chip{width:48px;height:49px;background:#f4f0ff;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;flex:0 0 auto}.date-chip strong{font-size:18px;color:#826ed2}.date-chip small{color:#a99ad3;font-size:10px}.timeline-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.timeline-title strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-title span{font-size:10px;color:#a1a0ad}.countdown{background:#f7f6fa;border-radius:20px;padding:6px 10px;font-size:10px;color:#918fa0;font-weight:800;white-space:nowrap}.countdown.today{color:#cd7d3e;background:#fff2e6}.chevron{font-size:26px;color:#c7c4d3;line-height:1}.quick-panel{padding-bottom:12px}.quick-action{display:flex;align-items:center;gap:12px;margin:0 18px;padding:12px 7px;border-top:1px solid #f1eff5}.quick-action>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:3px}.quick-action strong{font-size:11px}.quick-action small{font-size:9px;color:var(--muted)}.quick-action>span:last-child{color:#b6b1d0;font-size:17px}.quick-emoji{width:39px;height:39px;background:#f8f5ff;border-radius:11px;display:grid;place-items:center;font-size:20px}.reminder-panel{padding-bottom:15px}.subtle-badge{font-size:10px;color:#806dd4;background:#f1edff;border-radius:20px;padding:4px 8px}.tiny-empty{padding:8px 23px 18px;display:flex;align-items:center;gap:12px;font-size:22px}.tiny-empty span{color:#a6a1b5;font-size:10px}.notification-line{display:flex;align-items:flex-start;gap:10px;margin:0 22px;padding:10px 0;border-top:1px solid var(--line)}.notification-line>span{font-size:19px}.notification-line div{display:flex;flex-direction:column}.notification-line strong{font-size:11px}.notification-line small{font-size:10px;color:var(--muted)}.reminder-panel form{padding:5px 23px}.empty-state{text-align:center;padding:58px 25px 63px}.empty-state .empty-icon{font-size:49px;margin-bottom:10px}.empty-state h4{font-size:16px;margin-bottom:5px}.empty-state p{font-size:11px;margin-bottom:15px}.toolbar{padding:22px 24px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.search-box{height:42px;border:1px solid #edebf2;background:#faf9fc;display:flex;gap:10px;align-items:center;border-radius:11px;padding:0 15px;flex:1;min-width:140px}.search-box span{font-size:25px;color:#9b93ba}.search-box input{border:none;background:none;width:100%;min-width:0;font-size:11px}.people-grid{padding:23px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.person-card{padding:19px 14px;display:flex;align-items:center;gap:12px;border:1px solid #f0edf5;border-radius:15px;position:relative;transition:border-color .2s,transform .2s}.person-card:hover{transform:translateY(-2px);border-color:#c9c0f4}.person-photo-wrap{width:53px;height:53px;flex:none}.person-photo,.person-fallback{width:53px;height:53px;object-fit:cover;border-radius:15px}.person-fallback{background:linear-gradient(130deg,#ebdeff,#d0c4f6);color:#8061c4;display:grid;place-items:center;font-size:23px;font-weight:800}.person-info{display:flex;flex-direction:column;min-width:0;gap:2px}.person-info strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person-info span,.person-info small{font-size:9px;color:#a49fae}.person-info small{color:#8d81bf;margin-top:4px}.person-edit{position:absolute;top:8px;right:12px;color:#c4c0d1}.form-panel{padding:28px}.two-col-form{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.9fr);gap:20px}.form-panel h3{font-size:17px;margin-bottom:21px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.field span{font-size:11px;font-weight:800;color:#676274}.field em{color:#dd6e77;font-style:normal}.field small{font-size:9px;color:#a09aa9}.field input:not([type=color]),.field select,.field textarea{background:var(--input);border:1px solid #eeeaf3;border-radius:10px;min-height:43px;padding:10px 12px;color:var(--ink);font-size:11px;width:100%;transition:border-color .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a89ce9}.field textarea{resize:vertical}.field input[type=color]{height:44px;width:95px;border:1px solid #eee;border-radius:9px;padding:5px;background:white}.form-actions{display:flex;gap:10px;align-items:center;margin-top:13px}.check{display:flex;align-items:center;gap:9px;color:#787487;font-size:11px;font-weight:700;margin:9px 0 17px}.check input{accent-color:var(--brand);width:17px;height:17px}.tip-panel{padding:26px}.tip-icon{font-size:30px;margin-bottom:10px}.tip-panel h3{margin-bottom:10px}.tip-panel p{font-size:11px;margin-bottom:13px;line-height:1.9}.danger-zone{padding:24px}.danger-zone strong{font-size:12px}.danger-zone p{font-size:10px;margin:7px 0 16px}.photo-current{margin:14px 0}.photo-current img{width:130px;height:130px;border-radius:19px;object-fit:cover}.photo-hint{border:1px dashed #d4caec;border-radius:12px;padding:17px;text-align:center;color:#8a80aa;font-size:11px}.photo-hint span{display:block;margin-top:5px}.tiny-muted{font-size:10px;line-height:1.7;margin:13px 0}.events-list{padding:0 24px 18px}.event-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-top:1px solid #f1eff5}.event-symbol{display:grid;place-items:center;height:39px;width:39px;border-radius:11px;background:#f0ebff;color:#8a79da;font-size:20px}.event-row-name{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}.event-row-name strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row-name small{font-size:9px;color:#a8a5b3}.event-date{font-size:11px;color:#918ca1;font-weight:800}.calendar-panel{padding:22px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 20px;gap:12px}.month-arrows{display:flex;align-items:center;gap:8px}.month-arrows a{display:grid;place-items:center;border:1px solid #eeebf2;height:35px;min-width:35px;border-radius:9px;color:#706780;font-weight:800}.month-arrows .today-button{padding:0 14px;font-size:10px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #f0edf5;border-left:1px solid #f0edf5}.cal-dow{padding:13px 3px;text-align:center;font-size:10px;font-weight:800;color:#9b96ac;background:#faf9fd;border-right:1px solid #eeeaf2;border-bottom:1px solid #eeeaf2}.cal-cell{min-height:116px;padding:10px;border-right:1px solid #f0edf5;border-bottom:1px solid #f0edf5;min-width:0}.muted-cell{background:#fdfcff}.cal-num{font-size:11px;color:#8c8998;font-weight:800;display:grid;place-items:center;width:25px;height:25px;margin-bottom:7px}.cal-today .cal-num{background:var(--brand);color:white;border-radius:50%}.cal-list{display:flex;flex-direction:column;gap:3px}.cal-event{font-size:9px;color:#7765bd;background:#f0ebff;border-radius:5px;padding:4px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cal-event.cal-birthday{color:#c57581;background:#fff0f1}.cal-more{color:#a5a1b3;font-size:9px}.cal-legend{display:flex;gap:19px;margin-top:17px;color:#9995a8;font-size:10px}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-dot.purple{background:#9d86dd}.legend-dot.coral{background:#e99da9}.drop-file{border:2px dashed #ddd5f6;background:#fbfaff;border-radius:15px;padding:24px 15px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#8373b5;text-align:center}.drop-file span{font-size:31px}.drop-file strong{font-size:12px}.drop-file small{font-size:10px;color:#aca5bc}.drop-file input{font-size:10px;max-width:210px;margin-top:11px}.import-preview{margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.import-preview>p{font-size:10px;margin:8px 0 18px}.table-wrap{overflow:auto;margin-top:22px}.preview-table{border-collapse:collapse;min-width:520px;width:100%;font-size:10px}.preview-table td,.preview-table th{border-bottom:1px solid var(--line);padding:9px;text-align:left;white-space:nowrap}.preview-table th{color:#8378a8;background:#f8f5ff}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.integration-card{padding:26px;min-height:245px;display:flex;flex-direction:column}.integration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.integration-logo{height:46px;width:46px;display:grid;place-items:center;border-radius:14px;font-size:20px;font-weight:800}.integration-logo.google{background:#f2f3ff;color:#4386f5}.integration-logo.vk{background:#e6f2ff;color:#2879d7}.integration-logo.ok{background:#fff1e2;color:#e98721}.integration-status{font-size:9px;border-radius:20px;padding:5px 8px;font-weight:800}.status-on{background:#e5f9ef;color:#33a779}.status-off{background:#f4f2f6;color:#92909e}.status-wait{background:#fff4e9;color:#d19353}.integration-card h3{font-size:16px}.integration-card p{font-size:11px;margin:9px 0 18px;line-height:1.8;flex:1}.integration-hint{font-size:10px;color:#a8a3b4;margin-top:auto}.button-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alt-panel{padding:27px;margin-top:20px;display:flex;align-items:center;gap:16px}.alt-panel p{flex:1;font-size:11px}.alt-panel strong{font-size:13px}.toast{padding:14px 17px;display:flex;gap:10px;align-items:center;border-radius:12px;margin-bottom:20px;font-size:11px;font-weight:700;background:#e9f9ef;color:#368d5c}.toast-error{background:#fff0f1;color:#bc586b}.toast button{margin-left:auto;border:none;background:none;color:inherit;font-size:17px}.auth-body{background:#f5f3fa}.auth-content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.auth-panel{width:min(920px,100%);min-height:570px;display:grid;grid-template-columns:1fr 1fr;background:white;box-shadow:0 28px 90px #7166a01c;border-radius:28px;overflow:hidden}.auth-illustration{background:linear-gradient(150deg,#7661d4,#b09aef);padding:34px 38px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.auth-illustration:before,.auth-illustration:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;width:350px;height:350px;left:-140px;top:100px}.auth-illustration:after{width:430px;height:430px;left:-180px;top:70px}.auth-illustration .brand{padding:0;position:relative;z-index:1;color:white}.auth-illustration .brand-dot{color:white}.auth-art{font-size:83px;align-self:center;margin:60px 0 34px;position:relative;z-index:1;filter:drop-shadow(0 18px 12px #4c3d9940)}.auth-art span{position:absolute;font-size:25px;top:-10px;right:-38px}.auth-art span:last-child{top:64px;left:-40px;color:#ffe2b6}.auth-illustration h1{color:#fff;font-size:27px;z-index:1;margin-top:auto}.auth-illustration p{color:#eae5ff;font-size:12px;z-index:1;margin:12px 0 25px;max-width:300px}.auth-pill{border:1px solid #ffffff4a;color:#fff;border-radius:22px;padding:9px 12px;font-size:10px;font-weight:700;z-index:1}.auth-form-col{display:grid;place-items:center;padding:44px 41px}.auth-form-wrap{width:100%;max-width:300px}.auth-form-wrap h2{font-size:27px;margin:5px 0 8px}.auth-form-wrap>.muted{font-size:11px;margin-bottom:27px}.auth-form-wrap .field{margin:0}.auth-form-wrap .field input{height:47px}.auth-bottom{text-align:center;margin-top:25px;font-size:11px;color:#9994a4}.auth-bottom a{color:var(--brand);font-weight:800}.mobile-tabbar{display:none}html[data-theme=dark]{--bg:#171823;--paper:#232434;--ink:#f1effb;--muted:#a19fb2;--line:#353648;--input:#28293c;--soft:#342d55}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar{background:#222331;border-color:#363647}html[data-theme=dark] .topbar-left strong{color:#eee}html[data-theme=dark] .nav-link.active{background:#3a315d;color:#b4a4ff}html[data-theme=dark] .nav-link:hover{background:#2a2840}html[data-theme=dark] .sidebar-bottom{background:#352e52}html[data-theme=dark] .stat-card,html[data-theme=dark] .panel{border-color:var(--line)}html[data-theme=dark] .field input:not([type=color]),html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .search-box{background:var(--input);border-color:var(--line);color:var(--ink)}html[data-theme=dark] .cal-dow,html[data-theme=dark] .muted-cell{background:#28293b}html[data-theme=dark] .cal-grid,html[data-theme=dark] .cal-dow,html[data-theme=dark] .cal-cell{border-color:#38394e}html[data-theme=dark] .timeline-item,html[data-theme=dark] .quick-action,html[data-theme=dark] .event-row{border-color:var(--line)}html[data-theme=dark] .btn-outline{background:#2b2a40;color:#ded6ff;border-color:#413b57}html[data-theme=dark] .btn-quiet{background:#353343;color:#d9d0eb}html[data-theme=dark] .person-card{border-color:var(--line)}html[data-theme=dark] .auth-panel{background:#222331}html[data-theme=dark] .auth-body{background:#161521}html[data-theme=dark] .drop-file{background:#302b46;border-color:#554b7e}html[data-theme=dark] .search-box input{color:#fff}html[data-theme=dark] .date-chip{background:#373057}html[data-theme=dark] .cal-event{background:#3c335c}html[data-theme=dark] .cal-event.cal-birthday{background:#583745}html[data-theme=dark] .countdown{background:#343447;color:#c2bacb}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#171823;--paper:#232434;--ink:#f1effb;--muted:#a19fb2;--line:#353648;--input:#28293c}html[data-theme=system] .sidebar,html[data-theme=system] .topbar{background:#222331;border-color:#363647}html[data-theme=system] .nav-link.active{background:#3a315d;color:#b4a4ff}html[data-theme=system] .nav-link:hover{background:#2a2840}html[data-theme=system] .sidebar-bottom{background:#352e52}html[data-theme=system] .field input,html[data-theme=system] .field select,html[data-theme=system] .field textarea,html[data-theme=system] .search-box{background:#28293c;color:#fff;border-color:#353648}html[data-theme=system] .cal-dow,html[data-theme=system] .muted-cell{background:#28293b}html[data-theme=system] .auth-panel{background:#222331}html[data-theme=system] .auth-body{background:#161521}}
@media(max-width:1180px){.content{padding:30px 28px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-area{grid-column:1}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;letter-spacing:-.04em}.topbar{height:65px}.topbar-left{display:none}.mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee9f4;z-index:20;padding:9px 6px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #2520410d}.mobile-tabbar a{display:flex;flex-direction:column;align-items:center;font-size:9px;color:#9993aa;gap:2px;font-weight:700}.mobile-tabbar a span{font-size:22px;line-height:1.3}.mobile-tabbar a.selected{color:var(--brand)}.site-footer{padding-bottom:90px}.content{padding-bottom:25px}html[data-theme=dark] .mobile-tabbar{background:#222331;border-color:#353648}}
@media(max-width:760px){h1{font-size:25px}.content{padding:23px 16px}.topbar{padding:0 16px}.top-date{display:none}.page-heading{align-items:flex-start;gap:13px;margin-bottom:22px}.page-heading>.btn{padding:0 10px;font-size:10px}.hero-banner{height:auto;min-height:205px}.hero-copy{padding:23px 23px}.hero-copy h2{font-size:22px}.hero-decor{right:-130px;opacity:.65}.hero-copy{max-width:84%}.dashboard-grid{grid-template-columns:1fr}.two-col-form{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.alt-panel{flex-direction:column;align-items:flex-start}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px}.person-card{padding:12px 9px;gap:8px}.person-photo,.person-fallback,.person-photo-wrap{width:42px;height:42px}.person-card .person-info strong{font-size:10px}.panel-heading{padding:18px}.timeline{padding:0 18px 12px}.timeline-item{gap:9px}.countdown{font-size:9px;padding:5px 7px}.toolbar{flex-wrap:wrap;padding:17px}.toolbar .search-box{flex:1 1 100%}.form-panel{padding:21px}.calendar-panel{padding:8px}.cal-head{padding:14px 9px 0}.cal-head h2{font-size:20px}.cal-dow{font-size:9px}.cal-cell{padding:4px;min-height:84px}.cal-num{font-size:10px}.cal-event{font-size:8px;padding:3px}.auth-content{padding:0;align-items:stretch}.auth-panel{display:flex;flex-direction:column;min-height:100vh;border-radius:0}.auth-illustration{padding:25px;min-height:225px}.auth-illustration .brand{font-size:18px}.auth-art{position:absolute;right:40px;top:20px;font-size:65px;margin:0}.auth-illustration h1{margin-top:45px;font-size:22px}.auth-illustration p{margin-bottom:0;font-size:11px;max-width:250px}.auth-pill{display:none}.auth-form-col{padding:35px 25px}.auth-form-wrap{max-width:380px}}
@media(max-width:450px){.stats-grid{gap:9px}.stat-card{padding:12px 10px;gap:9px;min-height:77px}.stat-icon{height:36px;width:36px;font-size:19px}.stat-card small{font-size:9px}.stat-card strong{font-size:20px}.people-grid{grid-template-columns:1fr}.person-card{padding:13px}.form-grid{grid-template-columns:1fr;gap:0}.page-heading>.btn{white-space:normal;height:auto;min-height:39px}.hero-copy h2{font-size:19px}.hero-copy{max-width:100%}.hero-decor{opacity:.16;right:-90px}.date-chip{width:43px;height:44px}.timeline-title strong{font-size:10px}.timeline-title span{font-size:9px}.cal-cell{min-height:69px}.cal-event{font-size:7px}.cal-list .cal-event:nth-child(n+2){display:none}.cal-head h2{font-size:17px}.month-arrows{gap:3px}.month-arrows a{height:29px;min-width:28px}.month-arrows .today-button{padding:0 7px}}

/* Тёплая фирменная палитра «Когда там?» */
:root{--brand:#d85b49;--brand-deep:#b94132;--soft:#fff0e9;--hero1:#d9564f;--hero2:#ed8663;--hero3:#f4b774;--logo1:#ff9a78;--logo2:#d65342;--accent-faint:#fff8f3;--accent-border:#f2cbbb;--accent-shadow:rgba(190,73,51,.17);--dark-soft:#49302f;--dark-brand:#ffb6a1}
.brand-mark{background:linear-gradient(145deg,var(--logo1),var(--logo2));box-shadow:0 6px 16px var(--accent-shadow)}
.nav-link.active{background:var(--soft);color:var(--brand-deep)}
.nav-link:hover{background:var(--accent-faint)}
.sidebar-bottom{background:var(--soft)}.sidebar-bottom .mini-sparkles{color:var(--brand)}.sidebar-bottom span:not(.mini-sparkles){color:var(--brand-deep)}
.hero-banner{background:linear-gradient(110deg,var(--hero1) 0%,var(--hero2) 68%,var(--hero3) 100%)}
.hero-kicker,.hero-copy p{color:rgba(255,255,255,.91)}.hero-action{color:var(--brand-deep)}
.btn-primary{box-shadow:0 7px 18px var(--accent-shadow)}.btn-outline{color:var(--brand-deep)}
.stat-icon.lavender{background:var(--soft);color:var(--brand)}
.date-chip{background:var(--soft)}.date-chip strong{color:var(--brand)}.date-chip small{color:var(--brand-deep)}
.card-illustration{background:linear-gradient(140deg,#fff,var(--soft));color:var(--brand)}.card-illustration small{color:var(--brand-deep)}
.preview-pill{border-color:var(--accent-border);background:var(--soft);color:var(--brand-deep)}
.avatar-demo{background:var(--soft)}.person-avatar:not(.peach):not(.mint):not(.yellow):not(.sky){background:var(--soft)}
.brand{letter-spacing:-.035em}
.cal-event:not(.cal-birthday){background:var(--soft);color:var(--brand-deep)}.legend-dot.purple{background:var(--brand)}
.drop-file{background:var(--accent-faint);border-color:var(--accent-border);color:var(--brand-deep)}
.auth-illustration{background:linear-gradient(150deg,var(--hero1),var(--hero3))}.auth-illustration p{color:rgba(255,255,255,.88)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--brand)}
html[data-theme=dark] .nav-link.active{background:var(--dark-soft);color:var(--dark-brand)}
html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .sidebar-bottom{background:var(--dark-soft)}

/* Новый логотип от владельца проекта, адаптивный, без замены фирменных цветов. */
.brand-with-logo{gap:7px;padding:0 4px;letter-spacing:normal}
.brand-icon{display:block;flex:0 0 auto;width:39px;height:39px;object-fit:contain;background:#fff;border-radius:10px}
.brand-wordmark{display:block;flex:0 1 159px;width:159px;height:auto;max-height:40px;object-fit:contain;object-position:left center;border-radius:5px}
.mobile-brand-with-logo{gap:7px}
.mobile-brand-with-logo .brand-icon{width:31px;height:31px;border-radius:8px}
.mobile-brand-with-logo .brand-wordmark{width:128px;max-height:32px}
.auth-illustration .brand-with-logo{display:inline-flex;padding:6px 10px;background:#fff;border-radius:15px;box-shadow:0 12px 24px #301c1426}
.auth-illustration .brand-with-logo .brand-wordmark{width:160px}
.auth-art{align-self:center;display:block;width:250px;max-width:75%;height:auto;margin:40px auto 26px;filter:none;z-index:1}
.auth-mascot{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 30px #3a1f1b35;transform:rotate(-4deg)}
@media(max-width:760px){.auth-art{width:116px;max-width:none;margin:0;right:22px;top:72px}.auth-mascot{border-radius:14px}.auth-illustration .brand-with-logo{padding:4px 7px}.auth-illustration .brand-with-logo .brand-wordmark{width:132px}.auth-illustration .brand-with-logo .brand-icon{width:31px;height:31px}}
@media(max-width:400px){.mobile-brand-with-logo .brand-wordmark{width:106px}}

/* Праздники и годовщины */
.holiday-row {flex-wrap:wrap;gap:12px}.holiday-row .event-row-name{min-width:190px;flex:1}.holiday-row form{margin-left:auto}.holiday-note{color:#777484;font-size:13px;line-height:1.6}.event-anniv-preview{padding:11px 14px;border-radius:12px;background:#fff0e9;color:#973b32;font-weight:700}.calendar-anniv-note{display:block;font-size:10px;font-weight:600;opacity:.9;margin-top:2px;white-space:normal}.holiday-row .event-date{white-space:nowrap}
