:root{--bg-page:#f4ede4;--bg-panel:#fffaf4eb;--bg-panel-strong:#fffaf5;--bg-card:#fffdfa;--bg-card-hover:#fff;--bg-control:#ffffffd6;--bg-accent-soft:#ff6a001a;--ink-main:#171c21;--ink-soft:#56616b;--ink-muted:#7d8891;--line-soft:#171c211f;--accent-deep:#181c22;--accent-bright:#ff6a00;--accent-bright-soft:#ffb980;--accent-danger:#b42318;--accent-success:#18794e;--accent-info:#243444;--shadow-soft:0 22px 60px #1114191f;--shadow-card:0 16px 34px #1114191a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--header-font:Cambria, "Palatino Linotype", "Book Antiqua", serif;--body-font:Aptos, "Trebuchet MS", "Segoe UI", sans-serif}html[data-theme=dark]{--bg-page:#111418;--bg-panel:#15181de6;--bg-panel-strong:#171b20;--bg-card:#1b2026;--bg-card-hover:#20262d;--bg-control:#1d2229eb;--bg-accent-soft:#ff6a001f;--ink-main:#f5f7fa;--ink-soft:#c7d0d8;--ink-muted:#95a2ad;--line-soft:#e9eef31f;--accent-deep:#f5f7fa;--accent-bright:#ff6a00;--accent-bright-soft:#ff8e33;--accent-danger:#ff7b74;--accent-success:#5ed19b;--accent-info:#8fb6db;--shadow-soft:0 24px 60px #00000057;--shadow-card:0 16px 34px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--body-font);color:var(--ink-main);background:radial-gradient(circle at top left, #ff6a0029, transparent 34%), radial-gradient(circle at top right, #11141924, transparent 28%), linear-gradient(180deg, #fff7ef 0%, var(--bg-page) 46%, #e8ded2 100%);transition:background .18s,color .18s}html[data-theme=dark] body{background:radial-gradient(circle at top left, #ff6a0029, transparent 32%), radial-gradient(circle at top right, #ffa65c14, transparent 26%), linear-gradient(180deg, #0d1014 0%, var(--bg-page) 44%, #181d22 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.7;cursor:wait}input,select,textarea{color:#1a1e23;background:#fffffff5;border:1px solid #c9d4ddcc;border-radius:12px;outline:none;width:100%;padding:12px 14px}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:var(--ink-main);background:#191e24f5;border-color:#e9eef31a}input:focus,select:focus,textarea:focus{border-color:#ff6a005c;box-shadow:0 0 0 4px #ff6a001f}textarea{resize:vertical}h1,h2,h3,h4,p{margin:0}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.app-header,.summary-card,.column,.task-card,.modal-panel,.session-panel,.control-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-panel{border-radius:var(--radius-xl);background:var(--bg-panel);width:min(520px,100%);box-shadow:var(--shadow-soft);border:1px solid #ffffff38;padding:28px}.auth-brand{gap:10px;display:grid}.auth-brand img,.brand-mark img{filter:drop-shadow(0 18px 30px #ff6a0024);width:clamp(220px,32vw,440px);max-width:100%;display:block}.eyebrow,.modal-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.72rem}.auth-brand h1,.brand-copy h1,.summary-value,.detail-row strong,.modal-header h2{font-family:var(--header-font)}.auth-brand h1,.brand-copy h1{font-size:clamp(2rem,4vw,3rem);line-height:.98}.auth-description,.brand-description,.panel-copy,.summary-hint,.form-hint,.muted-copy,.history-meta,.history-diff,.task-footer{color:var(--ink-soft);line-height:1.55}.auth-form{gap:14px;margin-top:24px;display:grid}.auth-actions{gap:12px;display:grid}.field,.stack-form,.form-grid-shell{flex-direction:column;gap:14px;display:flex}.field>span{color:var(--ink-main);font-size:.92rem;font-weight:700}.autocomplete-shell{position:relative}.autocomplete-menu,.autocomplete-empty{z-index:16;background:var(--bg-panel-strong);border:1px solid #94a3b838;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 46px #0f172a2e}html[data-theme=dark] .autocomplete-menu,html[data-theme=dark] .autocomplete-empty{border-color:#ffffff14}.autocomplete-menu{gap:2px;max-height:280px;padding:8px;display:grid;overflow-y:auto}.autocomplete-option{width:100%;color:var(--ink-main);text-align:left;background:0 0;border:none;border-radius:12px;gap:3px;padding:12px 14px;display:grid}.autocomplete-option strong,.autocomplete-option span{line-height:1.35}.autocomplete-option strong{font-size:.94rem}.autocomplete-option span{color:var(--ink-soft);font-size:.78rem}.autocomplete-option:hover,.autocomplete-option.active{background:#ff6a001a}.autocomplete-empty{color:var(--ink-soft);padding:12px 14px;line-height:1.45}.auth-submit{min-height:46px}.auth-install-button{justify-content:center}.app-shell{width:min(1700px,100vw - 28px);margin:14px auto 28px}.app-header{border-radius:var(--radius-xl);color:#f7f9fb;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#0f1114fa 0%,#1d2228f5 56%,#ff6a00e0 120%);border:1px solid #ffffff2e;padding:28px}.brand-panel{max-width:1180px}.brand-copy{gap:8px;display:grid}.brand-mark{align-items:center;display:flex}.brand-description{color:#f7f4efd1;max-width:780px}.header-grid{grid-template-columns:minmax(220px,320px) minmax(260px,1fr) minmax(360px,auto);align-items:stretch;gap:14px;margin-top:26px;display:grid}.session-panel,.control-card,.action-panel{border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #ffffff1f;padding:16px 18px}.session-panel{gap:6px;display:grid}.panel-label,.control-card span{text-transform:uppercase;letter-spacing:.06em;color:#fff6f0cc;font-size:.78rem;font-weight:700}.session-panel strong{color:#fff;font-size:1.1rem}.session-panel p{color:#f7f4efd1;margin:0}.control-card{flex-direction:column;gap:8px;display:flex}.action-panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.ghost-button,.card-action,.view-tab{border:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.card-action:hover,.view-tab:hover{transform:translateY(-1px)}.primary-button{color:#1b1209;background:linear-gradient(135deg,#ffb06a 0%,#ff7b16 48%,#f60 100%);border-radius:999px;min-height:46px;padding:0 22px;font-weight:700;box-shadow:0 14px 28px #9644003d}.secondary-button,.ghost-button,.card-action{background:var(--bg-control);min-height:42px;color:var(--ink-main);border:1px solid var(--line-soft);border-radius:999px;padding:10px 16px;font-weight:600}.app-header .ghost-button{color:#fbfbfc;background:#ffffff24;border-color:#ffffff1f}.view-switch{background:#ffffff14;border-radius:999px;gap:10px;margin-top:18px;padding:8px;display:inline-flex}.view-tab{color:#fff5efc7;background:0 0;border-radius:999px;min-width:132px;padding:11px 18px;font-weight:700}.view-tab.active{color:#16191d;background:#ff7018fa;box-shadow:0 10px 18px #0f172a1f}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.summary-card{border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:var(--shadow-card);border:1px solid #ffffff42;padding:16px 18px}.summary-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.78rem;display:block}.summary-value{margin-top:8px;font-size:1.55rem;display:block}.kanban-board{grid-template-columns:repeat(4,minmax(280px,1fr));align-items:start;gap:16px;margin-top:18px;display:grid}.column{border-radius:var(--radius-lg);background:var(--bg-panel);min-height:520px;box-shadow:var(--shadow-card);border:1px solid #ffffff38;flex-direction:column;display:flex;overflow:hidden}.column.is-drop-target{outline-offset:-10px;outline:2px dashed #ff6a00a6}.column-header{border-bottom:1px solid var(--line-soft);background:linear-gradient(#ffffff47 0%,#ffffff0a 100%);padding:18px}.column-header h2{margin:0;font-size:1.08rem}.column-header p{color:var(--ink-soft);margin:6px 0 0;font-size:.86rem}.column-metric{background:var(--bg-accent-soft);color:var(--accent-bright);border-radius:999px;margin-top:12px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.column-list{flex-direction:column;gap:14px;min-height:380px;padding:16px;display:flex}.column-empty{border-radius:var(--radius-md);color:var(--ink-muted);text-align:center;background:#ffffff2e;border:1px dashed #7d889142;padding:22px 18px;line-height:1.55}.task-card{background:linear-gradient(180deg, var(--bg-card) 0%, #fff8f0fa 100%);border:1px solid #bec7d157;border-left:6px solid var(--vip-color,var(--accent-bright));box-shadow:var(--shadow-card);border-radius:20px;gap:12px;padding:16px;display:grid;position:relative}html[data-theme=dark] .task-card{background:linear-gradient(180deg, var(--bg-card) 0%, #181d23fa 100%)}.task-card:hover{background:linear-gradient(180deg, var(--bg-card-hover) 0%, #fffbf6 100%)}html[data-theme=dark] .task-card:hover{background:linear-gradient(180deg, var(--bg-card-hover) 0%, #1b2128 100%)}.task-card[draggable=true]{cursor:grab}.task-card.alarm-overdue{z-index:2;border-color:#ff6a00a8;box-shadow:0 0 0 2px #ff6a0042,0 20px 40px #ff6a0047}.task-card.alarm-overdue:before{content:"ALARME";color:#2b1405;letter-spacing:.12em;background:linear-gradient(135deg,#ffd5b0 0%,#ff8c2a 100%);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;position:absolute;top:-14px;right:18px;box-shadow:0 10px 22px #ff6a003d}.task-card.alarm-overdue:after{content:"";pointer-events:none;border:3px solid #ff6a00b8;border-radius:26px;animation:.95s ease-in-out infinite alarm-ring;position:absolute;inset:-8px}.task-card.alarm-acknowledged{border-color:#18794e66}.card-main{gap:6px;display:grid}.card-title{margin:0;font-size:1.02rem;line-height:1.32}.card-reference{color:var(--ink-soft);margin:0;font-size:.88rem}.card-status-row,.card-topline,.card-actions,.task-footer,.history-topline,.modal-actions,.modal-header,.detail-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-status,.meta-pill,.vip-pill,.responsible-pill,.archive-pill,.alarm-ack-pill,.card-alarm{border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.8rem;display:inline-flex}.card-status{color:var(--accent-info);background:#2434441a;font-weight:700}.card-status.status-completed{color:var(--accent-success);background:#18794e24}.card-status.status-warning,.vip-pill{color:#a94b00;background:#ff6a0024}.card-status.status-progress{color:var(--accent-info);background:#2434441f}.card-status.status-recognized{color:#a94b00;background:#ff6a001f}.card-status.status-muted{color:var(--ink-soft);background:#6b728024}.card-alarm{color:#3a1a05;background:linear-gradient(135deg,#ffd1a5 0%,#ff8e33 100%);font-weight:700;box-shadow:0 0 0 1px #ff6a002e,0 10px 24px #ff6a002e}.alarm-ack-pill{color:var(--accent-success);background:#18794e24;font-weight:700}.meta-pill{color:var(--ink-main);background:#dbe1e77a}html[data-theme=dark] .meta-pill,html[data-theme=dark] .responsible-pill{background:#ffffff14}.responsible-pill{color:var(--accent-deep);background:#181c2214;font-weight:700}.archive-pill{color:var(--ink-soft);background:#6b728029}.card-note summary{cursor:pointer;color:var(--accent-bright);font-size:.82rem;font-weight:700;list-style:none}.card-note summary::-webkit-details-marker{display:none}.note-bubble{color:#f8fbff;background:#132238;border-radius:14px;margin-top:8px;padding:12px 14px;box-shadow:0 18px 42px #0f172a42}.card-actions{border-top:1px solid #94a3b82e;padding-top:6px}html[data-theme=dark] .card-actions{border-top-color:#ffffff14}.card-action.archive-action{color:var(--accent-bright)}.card-action.restore-action{color:var(--accent-success)}.card-action.delete-action,.danger-button{color:var(--accent-danger);border-color:#b4231838}.card-action.delete-action:hover,.danger-button:hover{background:#b4231814}.card-action.alarm-action{color:#834100;background:linear-gradient(135deg,#ffd6b0 0%,#ffb26e 100%);border-color:#ff6a002e}.empty-panel{border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:var(--shadow-card);border:1px solid #ffffff38;margin-top:18px;padding:22px 18px}.modal-backdrop{z-index:70;background:#0d13208f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border-radius:var(--radius-xl);background:var(--bg-panel-strong);width:min(980px,100vw - 30px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 26px 68px #0f172a47}.modal-panel-sm{width:min(540px,100vw - 30px)}.modal-panel-lg{width:min(980px,100vw - 30px)}.modal-panel-xl{width:min(1120px,100vw - 30px)}.modal-header,.modal-body,.modal-footer{padding:22px 24px}.modal-header{border-bottom:1px solid var(--line-soft);justify-content:space-between}.modal-body{gap:16px;display:grid}.modal-footer{border-top:1px solid var(--line-soft);justify-content:space-between}.form-grid{gap:14px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field{flex-direction:row;align-items:center;gap:12px}.checkbox-field input{width:auto}.inline-error{border-radius:var(--radius-sm);color:var(--accent-danger);background:#b423181f;margin:0;padding:12px 14px}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-row{border-radius:var(--radius-md);background:#ffffff7a;border:1px solid #bec7d13d;justify-content:space-between;align-items:flex-start;padding:14px 16px}html[data-theme=dark] .detail-row{background:#ffffff0a}.details-block{gap:14px;display:grid}.history-list,.users-list{flex-direction:column;gap:12px;display:flex}.history-item,.user-row{border-radius:var(--radius-md);background:#ffffff7a;border:1px solid #bec7d13d;padding:14px 16px}html[data-theme=dark] .history-item,html[data-theme=dark] .user-row{background:#ffffff0a}.users-modal-grid{grid-template-columns:minmax(240px,.72fr) minmax(0,1fr);gap:16px;display:grid}.users-list{max-height:60vh;overflow:auto}.user-row{text-align:left}.user-row.active{border-color:#ff6a0052}.loading-pill{z-index:90;color:#1b1209;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#ffb06a 0%,#ff7b16 48%,#f60 100%);border-radius:999px;padding:10px 14px;position:fixed;bottom:20px;right:20px}.loading-pill-secondary{bottom:72px}.toast-stack{z-index:90;flex-direction:column;gap:10px;width:min(360px,100vw - 40px);display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-panel);box-shadow:var(--shadow-card);border:1px solid #ffffff42;padding:12px 14px}.toast-success{border-color:#18794e38}.toast-danger{border-color:#b4231838}@keyframes alarm-ring{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.18;transform:scale(1.02)}}@media (width<=1240px){.summary-strip,.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.header-grid,.summary-strip,.kanban-board,.details-grid,.users-modal-grid,.two-columns{grid-template-columns:1fr}.action-panel,.modal-footer{justify-content:flex-start}}@media (width<=640px){.app-shell{width:min(100vw - 16px,100%);margin:8px auto 20px}.auth-screen{padding:16px}.auth-panel,.app-header,.summary-card,.column,.modal-panel{border-radius:22px}.app-header,.auth-panel,.modal-header,.modal-body,.modal-footer{padding:18px}.toast-stack{width:auto;top:8px;left:8px;right:8px}}
