:root{--color-sidebar: #191d21;--color-sidebar-active: #252b31;--color-bg: #f8f7f4;--color-accent: #5b705b;--color-accent-hover: #485948;--color-secondary: #b87e4b;--color-text-main: #242728;--color-text-muted: #6b7272;--color-white: #ffffff;--color-border: #e0ddd9;--color-soft: #eef3ec;--color-warning: #b87e4b;--color-danger: #a35a55;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 10px;--shadow: 0 16px 42px rgba(25, 29, 33, .08);--transition: .18s ease}*{box-sizing:border-box}html{min-width:0;overflow-x:clip;background:var(--color-bg)}body{margin:0;min-width:0;min-height:100vh;overflow-x:clip;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-main);background:radial-gradient(circle at 88% 8%,rgba(91,112,91,.12),transparent 30%),linear-gradient(180deg,#fbfaf7 0%,var(--color-bg) 44%,#f4f1ec 100%);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0}img{display:block;max-width:100%}.system-label{margin:0;color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.24em;line-height:1.4;text-transform:uppercase}.brand-row,.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;flex:0 0 auto;border-radius:14px;background:var(--color-accent);color:#fff;font-family:Playfair Display,serif;font-size:25px;font-weight:800;box-shadow:0 12px 28px #5b705b38}.brand-mark.dark{width:42px;height:42px;background:#eef3ec;color:var(--color-accent);box-shadow:none}.brand-row strong,.sidebar-brand strong{display:block;font-family:Playfair Display,serif;font-size:24px;line-height:1}.brand-row span,.sidebar-brand span{display:block;margin-top:4px;color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.auth-page{display:grid;grid-template-columns:minmax(340px,500px) minmax(0,1fr);min-height:100vh;gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(22px,5vw,72px)}.auth-panel{display:flex;flex-direction:column;gap:32px;padding:clamp(28px,4vw,44px);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#ffffffdb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-copy h1,.headline h1{margin:14px 0 0;max-width:780px;font-family:Playfair Display,serif;font-size:clamp(44px,6vw,86px);line-height:.96;letter-spacing:0}.auth-copy p:not(.system-label),.headline+p{max-width:520px;color:var(--color-text-muted);font-size:16px;line-height:1.7}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border:1px solid var(--color-border);border-radius:14px;background:#f0eee9}.role-switch button{min-height:42px;border-radius:10px;background:transparent;color:var(--color-text-muted);cursor:pointer;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:var(--transition)}.role-switch button.active{background:#fff;color:var(--color-text-main);box-shadow:0 8px 20px #191d2114}.role-switch.compact{width:224px;flex:0 0 auto}.login-form{display:grid;gap:16px}.login-form label,.create-client label,.note-field,.sms-settings label{display:grid;gap:8px;color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}input,textarea{width:100%;border:1px solid var(--color-border);border-radius:12px;outline:none;background:#fff;color:var(--color-text-main);font-size:15px;font-weight:600;letter-spacing:0;transition:var(--transition)}input{height:50px;padding:0 14px}textarea{min-height:112px;padding:14px;resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:#5b705bcc;box-shadow:0 0 0 4px #5b705b1f}.btn-primary,.btn-secondary,.btn-mini,.icon-button,.logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius-md);cursor:pointer;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:var(--transition)}.btn-primary{padding:0 18px;background:var(--color-accent);color:#fff;box-shadow:0 10px 24px #5b705b38}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{padding:0 16px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-main)}.btn-secondary:hover,.icon-button:hover,.btn-mini:hover{border-color:#5b705b73;transform:translateY(-1px)}.btn-primary.wide,.btn-secondary.wide{width:100%}.btn-mini{min-height:34px;padding:0 12px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-main);font-size:10px}.icon-button{width:42px;height:42px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-main)}.icon-button.filled{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.auth-meta{display:grid;gap:12px;color:var(--color-text-muted);font-size:13px;font-weight:600}.auth-meta span{display:flex;align-items:center;gap:10px}.auth-visual{position:relative;min-height:620px;display:grid;align-content:center;gap:32px}.large-type{max-width:640px;font-family:Playfair Display,serif;font-size:clamp(64px,8vw,120px);font-weight:800;line-height:.9;color:#24272814;pointer-events:none}.preview-frame{overflow:hidden;border:1px solid rgba(224,221,217,.9);border-radius:var(--radius-xl);background:#fff;box-shadow:0 28px 80px #191d2129}.preview-frame img{aspect-ratio:16 / 10;width:100%;height:auto;object-fit:cover;object-position:top left}.floating-note{position:absolute;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid rgba(224,221,217,.9);border-radius:14px;background:#ffffffeb;color:var(--color-text-main);box-shadow:0 16px 36px #191d211f;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.floating-note.top{top:110px;right:7%}.floating-note.bottom{right:18%;bottom:70px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:24px 18px;background:var(--color-sidebar);color:#f7f5f0}.sidebar-brand{padding:4px 6px 24px}.sidebar-brand span{color:#f7f5f08c}.sidebar nav{display:grid;gap:7px;margin-top:16px}.sidebar nav button,.logout{justify-content:flex-start;width:100%;min-height:46px;padding:0 14px;border-radius:12px;background:transparent;color:#f7f5f0ad}.sidebar nav button:hover,.sidebar nav button.active{background:var(--color-sidebar-active);color:#fff}.logout{margin-top:auto;border:1px solid rgba(255,255,255,.1)}.workspace{min-width:0;padding:24px clamp(18px,3vw,44px) 56px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-24px calc(clamp(18px,3vw,44px)*-1) 30px;padding:18px clamp(18px,3vw,44px);border-bottom:1px solid rgba(224,221,217,.8);background:#f8f7f4d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h2{margin:4px 0 0;font-family:Playfair Display,serif;font-size:clamp(28px,3vw,42px);line-height:1}.top-actions{display:flex;align-items:center;gap:10px}.toast{position:fixed;z-index:30;right:28px;top:92px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border:1px solid rgba(91,112,91,.22);border-radius:14px;background:#fff;color:var(--color-accent);box-shadow:var(--shadow);cursor:pointer;font-weight:700}.error-banner{position:fixed;z-index:30;right:28px;top:92px;display:inline-flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));min-height:46px;padding:0 16px;border:1px solid rgba(163,90,85,.22);border-radius:14px;background:#fff;color:var(--color-danger);box-shadow:var(--shadow);cursor:pointer;font-weight:700}.error-inline{padding:12px 14px;border:1px solid rgba(163,90,85,.28);border-radius:12px;background:#fff7f6;color:var(--color-danger);font-size:14px;font-weight:700;line-height:1.45}.backend-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-accent);font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.document-list{display:grid;gap:10px}.document-list div{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;font-weight:700}.empty-state{display:grid;min-height:90px;place-items:center;padding:18px;border:1px dashed var(--color-border);border-radius:14px;background:#fff;color:var(--color-text-muted);font-weight:700;text-align:center}.link-button{text-decoration:none}.danger-action{margin-top:12px;color:var(--color-danger)}.view-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:start}.headline{min-width:0}.headline h1{font-size:clamp(40px,5vw,72px)}.action-bar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.metric-rail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel,.request-card,.homework-card,.plan{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffe0;box-shadow:var(--shadow)}.metric-card{min-height:124px;padding:22px}.metric-card span,.metric-card small,.panel-header span,.session-row span,.request-card span,.client-row span,.operation-table span,.homework-card span,.homework-card small,.document-state span,.active-game-line span,.stat-list span,.audit-list small,.deactivate-card span,.rule-card span,.plan span{color:var(--color-text-muted)}.metric-card strong{display:block;margin-top:8px;font-family:Playfair Display,serif;font-size:35px;line-height:1}.metric-card small{display:block;margin-top:10px;font-size:13px}.panel{min-width:0;padding:22px}.wide-panel{grid-column:span 1}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-header h3{margin:0;font-family:Playfair Display,serif;font-size:30px;line-height:1.05}.panel-header span{max-width:260px;padding-top:6px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4;text-align:right;text-transform:uppercase}.session-list,.request-stack,.package-stack,.notification-list,.audit-list,.stat-list{display:grid;gap:12px}.session-row,.client-row,.operation-table article,.active-game-line,.audit-list article{display:grid;align-items:center;gap:14px}.session-row{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) auto 42px;min-height:74px;padding:14px;border:1px solid var(--color-border);border-radius:14px;background:#fff}.session-row strong,.client-row strong,.request-card strong,.homework-card strong,.active-game-line strong,.stat-list strong,.audit-list strong,.plan strong{display:block;line-height:1.3}.session-row span,.client-row span,.request-card span,.operation-table span,.homework-card span,.document-state span,.active-game-line span,.deactivate-card span,.rule-card span,.plan span{display:block;margin-top:5px;font-size:13px;line-height:1.45}.session-row.warn{border-color:#b87e4b6b;background:#fffaf4}.session-row.muted{opacity:.78}.status-chip{min-width:144px;padding:8px 10px;border-radius:999px;background:var(--color-soft);color:var(--color-accent);text-align:center;font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.calendar-preview{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));gap:10px}.day-column{display:grid;gap:8px}.day-column>span{color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-align:center}.slot{min-height:52px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-accent);font-weight:800}.slot.full{background:var(--color-accent);color:#fff}.slot.warn{border-color:#b87e4b73;background:#fff6eb;color:var(--color-warning)}.slot.muted{background:#eeeae4;color:var(--color-text-muted)}.request-card,.plan{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;box-shadow:none}.feature-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-matrix button{display:grid;min-height:112px;align-content:center;gap:8px;padding:16px;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-text-main);cursor:pointer;text-align:left;transition:var(--transition)}.feature-matrix button:hover{border-color:#5b705b73;transform:translateY(-2px)}.feature-matrix span{font-weight:800}.feature-matrix small{color:var(--color-text-muted);line-height:1.4}.mini-games{display:grid;gap:12px}.mini-games button,.game-tabs button{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-text-main);cursor:pointer;text-align:left}.mini-games img,.game-tabs img,.active-game-line img{width:84px;height:58px;border-radius:10px;object-fit:cover;object-position:top left}.document-state,.rule-card,.deactivate-card{display:grid;justify-items:start;gap:10px;min-height:180px;align-content:center;padding:18px;border-radius:14px;background:#fff}.active-game-line{grid-template-columns:120px minmax(0,1fr) auto;padding:14px;border:1px solid var(--color-border);border-radius:14px;background:#fff}.active-game-line img{width:120px;height:76px}.search-line{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.search-line input{height:48px;padding:0;border:0;box-shadow:none}.client-table,.operation-table{display:grid;gap:8px}.client-row{grid-template-columns:1.2fr 1fr 1fr .7fr 1fr;min-height:66px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.client-row.inactive{opacity:.58}.client-row.pending{border-color:#b87e4b6b}.create-client,.sms-settings{display:grid;gap:14px}.operation-table article{grid-template-columns:70px minmax(180px,1fr) minmax(160px,.8fr) minmax(110px,auto);min-height:56px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.operation-table b,.plan b{color:var(--color-accent)}.homework-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.homework-card{display:grid;gap:16px;min-height:220px;padding:18px}.homework-card p{margin:0;color:var(--color-text-main);line-height:1.55}.homework-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.homework-card footer span{margin:0;padding:7px 10px;border-radius:999px;background:var(--color-soft);color:var(--color-accent);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dialog-layout{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"headline headline" "threads chat";gap:22px}.dialog-layout .headline{grid-area:headline}.thread-list{grid-area:threads;display:grid;align-content:start;gap:8px}.thread-list button{display:grid;gap:5px;min-height:64px;padding:12px 14px;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-text-main);cursor:pointer;text-align:left}.thread-list button.active{border-color:var(--color-accent);background:var(--color-soft)}.thread-list small{color:var(--color-text-muted)}.chat-panel{grid-area:chat}.messages{display:grid;gap:12px;min-height:360px;align-content:end;padding:18px;border-radius:14px;background:#f1eee9}.messages article{width:min(560px,84%);padding:12px 14px;border-radius:14px;background:#fff}.messages article.out{justify-self:end;background:var(--color-accent);color:#fff}.messages p{margin:6px 0;line-height:1.5}.messages span{display:block;opacity:.68;font-size:12px}.composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;margin-top:12px}.games-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"headline headline" "tabs tabs" "frame protocol";gap:20px}.games-layout .headline{grid-area:headline}.game-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-tabs button.active{border-color:var(--color-accent);background:var(--color-soft)}.game-frame-panel{grid-area:frame;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow)}.game-frame-panel iframe{display:block;width:100%;min-height:720px;border:0;background:#fff}.protocol-panel{grid-area:protocol;position:sticky;top:112px}.stat-list div{padding:12px 0;border-bottom:1px solid var(--color-border)}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.notification-list article{display:flex;gap:12px;align-items:center;min-height:66px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.notification-list article.unread{border-color:#5b705b6b;background:var(--color-soft)}.audit-list article{grid-template-columns:70px minmax(180px,.7fr) minmax(0,1fr);min-height:58px;padding:12px 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff}@media(max-width:1180px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.metric-rail,.game-tabs,.homework-board,.feature-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.view-grid,.games-layout{grid-template-columns:minmax(0,1fr)}.games-layout{grid-template-areas:"headline" "tabs" "frame" "protocol"}.protocol-panel{position:static}}@media(max-width:900px){.auth-page{grid-template-columns:1fr;align-items:start}.auth-visual{min-height:auto}.floating-note{position:static;width:fit-content}.app-shell{display:block}.sidebar{position:static;height:auto;padding:16px;overflow:hidden}.sidebar nav{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.sidebar nav button{flex:0 0 auto;width:auto;min-width:124px}.logout{margin-top:10px}.topbar{position:static;margin-top:0}.top-actions{flex-wrap:wrap;justify-content:flex-end}.role-switch.compact{width:100%;order:2}.metric-rail,.feature-matrix,.homework-board,.game-tabs{grid-template-columns:1fr}.dialog-layout{grid-template-columns:1fr;grid-template-areas:"headline" "threads" "chat"}.thread-list{display:flex;overflow-x:auto;padding-bottom:6px}.thread-list button{min-width:210px}.session-row,.client-row,.operation-table article,.active-game-line,.audit-list article{grid-template-columns:1fr}.status-chip{min-width:0;width:fit-content}.game-frame-panel iframe{min-height:620px}}@media(max-width:560px){.auth-page,.workspace{padding:16px}.auth-panel,.panel{padding:18px}.auth-copy h1,.headline h1{font-size:clamp(39px,15vw,58px)}.large-type{font-size:clamp(52px,18vw,72px)}.topbar{display:grid;padding:16px}.action-bar{justify-content:stretch}.action-bar .btn-primary,.action-bar .btn-secondary{flex:1 1 160px}.panel-header{display:grid}.panel-header span{max-width:none;text-align:left}.calendar-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.game-controls{grid-template-columns:1fr}.game-frame-panel iframe{min-height:560px}}