*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4f46e5;--primary-dark: #4338ca;--accent: #7c3aed;--bg: #f1f5f9;--card: #ffffff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--today-bg: #eef2ff;--marked-1-bg: #f0fdf4;--marked-2-bg: #fef2f2;--success-bg: #f0fdf4;--success-border: #bbf7d0;--error-bg: #fef2f2;--error-border: #fecaca;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--hover-shadow: 0 4px 12px rgba(79, 70, 229, .15);--auth-bg: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%)}body.theme-dark{--primary: #818cf8;--primary-dark: #6366f1;--accent: #a78bfa;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--green: #4ade80;--red: #f87171;--yellow: #facc15;--today-bg: #312e81;--marked-1-bg: #14532d;--marked-2-bg: #7f1d1d;--success-bg: #14532d;--success-border: #166534;--error-bg: #7f1d1d;--error-border: #991b1b;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--hover-shadow: 0 4px 12px rgba(129, 140, 248, .25);--auth-bg: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);transition:background .25s,color .25s}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--auth-bg)}.auth-card{background:var(--card);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #0003}.auth-card h1{font-size:24px;margin-bottom:8px}.auth-sub{color:var(--muted);margin-bottom:24px}.tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--bg);border-radius:10px;padding:4px}.tab{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted)}.tab.active{background:var(--card);color:var(--primary);box-shadow:0 2px 6px #00000014}.input{width:100%;padding:12px 14px;margin-bottom:12px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;transition:border-color .2s;background:var(--card);color:var(--text)}.input:focus{outline:none;border-color:var(--primary)}.password-wrap{position:relative;margin-bottom:12px}.password-wrap .input{padding-right:44px;margin-bottom:0}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:17px;line-height:1;border-radius:8px;opacity:.75;transition:opacity .15s,background .15s}.password-toggle:hover{opacity:1;background:var(--hover-bg, rgba(128, 128, 128, .15))}.password-toggle:focus{outline:2px solid var(--primary);outline-offset:1px}.btn-primary{width:100%;padding:13px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--red);font-size:14px;margin-bottom:12px}.success{color:var(--green);font-size:14px;margin-bottom:12px;background:var(--success-bg);padding:10px;border-radius:8px;border:1px solid var(--success-border)}.page{min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.header h1{font-size:20px}.header-left{display:flex;align-items:baseline;gap:12px}.month-title{color:var(--muted);font-size:15px;text-transform:capitalize}.quorum-badge{font-size:13px;font-weight:600;color:var(--primary);background:var(--today-bg);padding:4px 10px;border-radius:8px;white-space:nowrap}.header-right{display:flex;align-items:center;gap:16px}.btn-secondary{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--primary-dark)}.theme-toggle{padding:10px 14px;border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s}.theme-toggle:hover{border-color:var(--primary)}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase}.avatar.small{width:28px;height:28px;font-size:13px}.btn-link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline}.error-banner{background:var(--error-bg);color:var(--red);border:1px solid var(--error-border);padding:10px 28px;cursor:pointer}.content{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px 28px;max-width:1400px;margin:0 auto}.calendar-wrap{background:var(--card);border-radius:16px;padding:20px;box-shadow:var(--shadow);overflow:visible}.calendar-nav{display:flex;gap:8px;margin-bottom:16px}.nav-btn{padding:8px 14px;border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;cursor:pointer;font-size:15px;transition:all .2s}.nav-btn:hover{border-color:var(--primary);color:var(--primary)}.today-btn{font-weight:600}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{text-align:center;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;padding:6px 0}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;overflow:visible}.day{position:relative;min-height:88px;border-radius:10px;padding:8px;cursor:pointer;border:1.5px solid var(--border);background:var(--card);transition:all .15s;display:flex;flex-direction:column;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.day:hover{border-color:var(--primary);box-shadow:var(--hover-shadow);transform:translateY(-2px);z-index:100}.day.empty{border:none;background:transparent;cursor:default;transform:none;box-shadow:none}.day.dim{opacity:.4}.day.today{border-color:var(--primary);background:var(--today-bg)}.day.marked-1{background:var(--marked-1-bg)}.day.marked-2{background:var(--marked-2-bg)}.day-num{font-weight:600;font-size:14px}.my-status{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%}.dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto;padding-top:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.g{background:var(--green)}.dot.r{background:var(--red)}.dot.y{background:var(--yellow)}.day-count{position:absolute;bottom:6px;right:8px;font-size:11px;color:var(--muted);font-weight:600}.day-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:999;min-width:180px;max-width:240px;background:var(--card);border:1.5px solid var(--primary);border-radius:10px;padding:8px 10px;box-shadow:0 8px 24px #00000059;display:none;pointer-events:none}.day:hover .day-tooltip{display:block}.tooltip-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px;white-space:nowrap}.tooltip-name{overflow:hidden;text-overflow:ellipsis}.legend{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend-hint{margin-left:auto;font-style:italic}.sidebar{display:flex;flex-direction:column;gap:16px}.user-list{background:var(--card);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.user-list h3{font-size:16px;margin-bottom:14px}.user-rows{display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;transition:background .15s}.user-row:hover{background:var(--bg)}.user-name{flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-stats{display:flex;gap:6px}.stat{min-width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.stat.g{background:var(--green)}.stat.r{background:var(--red)}.stat.y{background:var(--yellow)}.hover-panel{background:var(--card);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow);border:1.5px solid var(--primary)}.hover-panel h4{font-size:15px;margin-bottom:10px;text-transform:capitalize}.hover-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;border-bottom:1px solid var(--border)}.hover-row:last-child{border-bottom:none}.hover-row .muted{margin-left:auto;font-size:12px}.muted{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--card);border-radius:16px;padding:32px;width:100%;max-width:440px;position:relative}.modal h2{font-size:20px;margin-bottom:6px}.modal-sub{color:var(--muted);margin-bottom:18px}.modal-close{position:absolute;top:14px;right:14px;border:none;background:var(--bg);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;color:var(--muted)}.modal-close:hover{background:var(--border)}.admin-modal{max-width:520px;max-height:80vh;overflow-y:auto}.admin-section-title{font-size:15px;margin:20px 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.admin-users{display:flex;flex-direction:column;gap:6px}.admin-user-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg)}.admin-user-info{flex:1;display:flex;flex-direction:column}.admin-user-name{font-size:14px;font-weight:500}.admin-user-login{font-size:12px;color:var(--muted)}.admin-badge{font-size:11px;font-weight:700;color:var(--primary);background:var(--today-bg);padding:3px 8px;border-radius:6px}.admin-hint{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.4}.btn-danger{padding:6px 12px;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.85}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.admin-btn{background:var(--accent)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.user-menu-trigger:hover{border-color:var(--primary);box-shadow:var(--hover-shadow)}.chip-name{font-size:14px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-caret{font-size:12px;color:var(--muted);transition:transform .15s}.user-menu-caret.up{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--card);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 12px 32px #0000002e;padding:8px;z-index:1000;animation:menu-in .12s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;flex-direction:column;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-name{font-size:14px;font-weight:700}.user-menu-login{font-size:12px;color:var(--muted)}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text);border-radius:10px;font-size:14px;cursor:pointer;text-align:left;transition:background .15s}.user-menu-item:hover{background:var(--bg)}.user-menu-item.danger{color:var(--red)}.user-menu-item.danger:hover{background:var(--error-bg)}.user-menu-sep{height:1px;background:var(--border);margin:6px 4px}.theme-row{justify-content:space-between;cursor:default}.theme-row:hover{background:transparent}.theme-label{font-size:14px}.theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:52px;height:26px;padding:0 5px;border:1.5px solid var(--border);border-radius:999px;background:var(--bg);cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.theme-switch:hover{border-color:var(--primary)}.theme-switch-icon{font-size:12px;line-height:1;z-index:1;pointer-events:none}.theme-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--primary);box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.theme-switch.on .theme-switch-thumb{transform:translate(26px)}.profile-section-title{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:4px 0 10px}.avatar-preview-row{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px;background:var(--bg);border-radius:12px}.avatar-preview-info{display:flex;flex-direction:column}.avatar-preview-name{font-size:16px;font-weight:700}.avatar-preview-login{font-size:13px;color:var(--muted)}.color-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{box-shadow:0 0 0 3px var(--primary);transform:scale(1.1)}.day-details-modal{max-width:400px}.day-details-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.day-details-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg)}.day-details-name{flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-details-status{font-size:12px;color:var(--muted);text-align:right}@property --perfect-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.day.perfect{position:relative;z-index:10}.day.perfect:hover{z-index:100}.day.perfect:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;padding:2px;background:conic-gradient(from var(--perfect-angle),transparent 0deg,transparent 290deg,#a855f7 315deg,#c084fc 335deg,#e9d5ff 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:perfect-glow 1.6s linear infinite;pointer-events:none;z-index:1}.day.perfect:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;box-shadow:0 0 10px 2px #a855f759;pointer-events:none;z-index:0}@keyframes perfect-glow{to{--perfect-angle: 360deg}}@media (max-width: 900px){.content{grid-template-columns:1fr}.day{min-height:60px}}