*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f13;--surface:#18181f;--card:#1e1e28;--border:#2a2a38;--accent:#6c63ff;--accent2:#9f97ff;--text:#e8e8f0;--muted:#888;--success:#3ecf8e;--danger:#f56565;--warn:#f6ad55}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}#loading{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-inner{text-align:center}#loading-msg{color:var(--muted);margin-top:.8rem;font-size:.82rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:.8rem auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--surface) 50%,var(--card) 75%);background-size:200% 100%;border-radius:12px;animation:1.4s infinite shimmer}.sk-card{height:140px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.screen{flex-direction:column;min-height:100vh;display:none}.screen.active{display:flex}#auth-screen{background:var(--bg);justify-content:center;align-items:center;padding:2rem}.auth-box{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:2.5rem}.brand{text-align:center;margin-bottom:2rem}.brand-logo{color:var(--accent);letter-spacing:-1px;font-size:1.8rem;font-weight:700}.brand-logo span{color:var(--text)}.brand-sub{color:var(--muted);margin-top:.3rem;font-size:.85rem}.btn-google{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.7rem;padding:.8rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-google:hover{border-color:var(--accent)}.divider{color:var(--muted);align-items:center;gap:.8rem;margin:1.2rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.form-group{margin-bottom:1rem}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.78rem;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.7rem 1rem;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-desc{color:var(--muted);margin-bottom:1rem;font-size:.84rem}.pw-field{position:relative}.pw-field input{padding-right:2.5rem}.pw-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.9rem;position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}.error-msg{color:var(--danger);margin-top:.4rem;font-size:.8rem;display:none}.success-msg{color:var(--success);margin-bottom:.5rem;font-size:.82rem;display:none}.auth-links{justify-content:space-between;margin-top:.8rem;font-size:.8rem;display:flex}.auth-links a{color:var(--accent);cursor:pointer}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.3rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.warn{background:var(--warn);color:#111}.btn.sm{border-radius:6px;width:auto;padding:.4rem .9rem;font-size:.8rem}.btn.xs{border-radius:5px;width:auto;padding:.25rem .6rem;font-size:.75rem}.icon-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.35rem .8rem;font-size:.8rem;transition:all .2s}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex}.topbar-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.user-badge{align-items:center;gap:.5rem;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.8rem;padding:.8rem 1.5rem;display:flex}.back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:.35rem .8rem;font-size:.8rem;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.project-title{flex:1;font-size:1rem;font-weight:700}.project-currency{color:var(--muted);font-size:.75rem}.header-right{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.lang-selector{position:relative}.lang-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:.35rem .7rem;font-size:.78rem;transition:all .2s}.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-dropdown{background:var(--card);border:1px solid var(--border);z-index:300;border-radius:10px;min-width:140px;display:none;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000040}.lang-dropdown.open{display:block}.lang-opt{cursor:pointer;padding:.55rem 1rem;font-size:.82rem;transition:background .15s}.lang-opt:hover{background:#ffffff08}.lang-opt.active{color:var(--accent);font-weight:600}#dashboard-screen{background:var(--bg)}.dashboard-main{max-width:1100px;margin:0 auto;padding:2rem}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dash-header h1{font-size:1.3rem;font-weight:700}.dash-actions{flex-wrap:wrap;gap:.7rem;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;display:grid}.project-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:1.3rem;transition:all .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pc-header{justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;display:flex}.pc-name{font-size:1rem;font-weight:700}.pc-currency{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:.15rem .5rem;font-size:.75rem}.pc-desc{color:var(--muted);min-height:1.2rem;margin-bottom:.8rem;font-size:.82rem}.pc-meta{color:var(--muted);gap:.8rem;font-size:.78rem;display:flex}.pc-badge{border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.pc-badge.admin{color:var(--warn);background:#f6ad5522}.pc-badge.member{color:var(--accent2);background:#6c63ff22}.empty-state{text-align:center;color:var(--muted);padding:4rem 2rem}.es-icon{margin-bottom:1rem;font-size:3rem}.es-title{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}#app-screen{background:var(--bg)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;overflow-x:auto}.page-nav{border-bottom:1px solid var(--border);gap:.3rem;margin-bottom:1.5rem;display:flex}.page-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}.page-btn.active{color:var(--text);border-bottom-color:var(--accent)}.page-btn.p-rec{color:var(--success);border-bottom-color:var(--success)}.page-btn.p-bil{color:var(--warn);border-bottom-color:var(--warn)}.page-btn.p-mem{color:var(--accent2);border-bottom-color:var(--accent2)}.summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.1rem}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.72rem}.stat-card .value{font-size:1.3rem;font-weight:700}.stat-card .value.accent{color:var(--accent2)}.stat-card .value.green{color:var(--success)}.section-title{align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.95rem;font-weight:600;display:flex}.add-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.1rem}.add-grid-3{grid-template-columns:1fr 80px 110px;align-items:end;gap:.7rem;display:grid}.add-grid-2{grid-template-columns:1fr 130px;align-items:end;gap:.7rem;display:grid}.add-grid-3 .form-group,.add-grid-2 .form-group{margin:0}.add-footer{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.7rem;display:flex}#dep-preview,#rec-preview{color:var(--muted);font-size:.82rem}.tabs{background:var(--surface);border-radius:10px;gap:.3rem;width:-moz-fit-content;width:fit-content;margin-bottom:1.2rem;padding:.3rem;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:7px;padding:.45rem .9rem;font-size:.82rem;transition:all .2s}.tab.active{background:var(--card);color:var(--text);font-weight:600}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;background:var(--card);width:100%}thead{background:var(--surface)}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:.65rem .9rem;font-size:.72rem}td{border-top:1px solid var(--border);vertical-align:middle;padding:.65rem .9rem;font-size:.85rem}tr:hover td{background:#ffffff05}.author-tag{border-radius:20px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.price{font-weight:600}.price.green{color:var(--success)}.total-row td{background:#ffffff08;font-weight:700}.actions{gap:.3rem;display:flex}.icon-action{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.25rem .45rem;font-size:.85rem;transition:background .2s}.icon-action:hover{background:#ffffff10}.icon-action.del{color:var(--danger)}.icon-action.edit{color:var(--accent2)}.no-data{text-align:center;color:var(--muted);padding:2.5rem;font-size:.85rem}.attach-count{background:var(--accent);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:1px;font-size:.62rem;font-weight:700;display:inline-flex}.pc-menu-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:.1rem .4rem;font-size:1.2rem;line-height:1;transition:all .2s}.pc-menu-btn:hover{color:var(--text);background:#ffffff10}.pc-menu-dropdown{background:var(--card);border:1px solid var(--border);z-index:50;border-radius:10px;min-width:180px;position:absolute;top:3.2rem;right:.5rem;box-shadow:0 8px 24px #00000060}.pc-menu-item{cursor:pointer;padding:.6rem 1rem;font-size:.85rem;transition:background .15s}.pc-menu-item:hover{background:#ffffff08}.pc-menu-item.danger{color:var(--danger)}.project-card{position:relative}.bilan-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.bilan-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.1rem}.bc-name{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.8rem;font-weight:700;display:flex}.bc-row{color:var(--muted);justify-content:space-between;margin-bottom:.35rem;font-size:.82rem;display:flex}.bc-row span:last-child{color:var(--text);font-weight:600}.bc-row span.green{color:var(--success)}.bc-solde{border-top:1px solid var(--border);justify-content:space-between;margin-top:.8rem;padding-top:.8rem;font-size:.95rem;font-weight:700;display:flex}.solde-pos{color:var(--success)}.solde-neg{color:var(--danger)}.members-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.member-card{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.9rem;padding:1.1rem;display:flex}.member-info{flex:1;min-width:0}.member-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.member-role{color:var(--muted);font-size:.75rem}.pending-title{color:var(--warn)}.invite-box{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem}.invite-code{letter-spacing:.3em;color:var(--accent2);text-align:center;background:var(--surface);cursor:pointer;border-radius:8px;margin:.8rem 0;padding:.8rem;font-size:1.8rem;font-weight:700;transition:background .2s}.invite-code:hover{background:#ffffff08}.invite-link{color:var(--muted);word-break:break-all;background:var(--surface);cursor:pointer;border-radius:6px;padding:.5rem .8rem;font-size:.78rem;transition:background .2s}.invite-link:hover{background:#ffffff08}.invite-hint{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.75rem}.file-upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:8px;margin-top:.8rem;padding:1.2rem;transition:border-color .2s}.file-upload-zone:hover{border-color:var(--accent)}.file-item{background:var(--surface);border:1px solid var(--border);border-radius:7px;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.45rem .7rem;font-size:.8rem;display:flex}.file-item a{color:var(--accent2);text-decoration:none}.file-badge{border-radius:4px;flex-shrink:0;padding:.1rem .35rem;font-size:.68rem}.file-badge.img{color:var(--success);background:#3ecf8e22}.file-badge.pdf{color:var(--danger);background:#f5656522}.upload-bar-wrap{background:var(--border);border-radius:2px;height:4px;margin-top:.5rem;display:none}.upload-bar{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width .3s}.mv-type-btns{gap:.5rem;margin-bottom:.9rem;display:flex}.mv-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;flex:1;padding:.55rem;font-size:.85rem;font-weight:600;transition:all .2s}.mv-btn.pos,.mv-btn.active-mv.pos,.active-mv.pos{border-color:var(--success);color:var(--success);background:#3ecf8e22}.mv-btn.neg,.active-mv.neg{border-color:var(--danger);color:var(--danger);background:#f5656522}.hist-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.8rem;display:grid}.hist-row:last-child{border-bottom:none}.mv-pos{color:var(--success);font-weight:600}.mv-neg{color:var(--danger);font-weight:600}.history-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.hist-search-input{background:var(--surface);border:1px solid var(--border);min-width:160px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:.5rem .9rem;font-size:.85rem;transition:border-color .2s}.hist-search-input:focus{border-color:var(--accent)}.hist-filter-select{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:.5rem .8rem;font-size:.82rem}.history-list{flex-direction:column;gap:.5rem;display:flex}.hist-entry{background:var(--card);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;overflow:hidden}.hist-entry:hover{border-color:var(--border)}.hist-entry-header{flex-wrap:wrap;align-items:center;gap:.7rem;padding:.65rem .9rem;display:flex}.hist-action-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.hist-by{color:var(--muted);flex:1;font-size:.8rem}.hist-date{color:var(--muted);white-space:nowrap;font-size:.75rem}.hist-entry-body{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.5rem .9rem .7rem;display:flex}.hist-before,.hist-after{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.hist-arrow{color:var(--muted);flex-shrink:0;padding-top:.1rem;font-size:1rem}.hist-field{background:var(--card);border:1px solid var(--border);border-radius:5px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.78rem;display:inline-flex}.hist-key{color:var(--muted);font-size:.72rem}.hist-val-old{color:var(--danger);text-decoration:line-through}.hist-val-new{color:var(--success);font-weight:600}.hist-empty{text-align:center;color:var(--muted);padding:2.5rem;font-size:.85rem}.hist-loading{text-align:center;padding:1.5rem}.reglement-group{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;overflow:hidden}.reglement-group-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.reglement-group-title{flex:1;min-width:100px}.reglement-group-total{white-space:nowrap;font-size:1.1rem}.reglement-items{padding:.5rem 1.2rem}.reglement-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.reglement-item:last-child{border-bottom:none}.reglement-from{align-items:center;gap:.6rem;display:flex}.reglement-from-name{font-size:.9rem;font-weight:600}.reglement-arrow{align-items:center;gap:.6rem;display:flex}.reglement-arrow-icon{color:var(--muted);font-size:1.1rem}.reglement-amount{font-size:.95rem;font-weight:700}.receipt-slot{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;padding:.9rem 1rem;display:flex}.receipt-slot-filled{background:var(--surface);border-color:var(--accent)}.receipt-slot-empty{background:var(--card)}.receipt-slot-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.receipt-slot-num{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.receipt-slot-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.receipt-slot-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.notif-wrapper,.notif-btn{position:relative}.notif-btn.has-notif{color:var(--warn);border-color:var(--warn)}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notif-dropdown{background:var(--card);border:1px solid var(--border);z-index:400;border-radius:14px;flex-direction:column;width:320px;max-height:420px;display:none;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 32px #00000060}.notif-dropdown.open{display:flex}.notif-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.85rem;font-weight:600;display:flex}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.78rem}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:340px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:.7rem;padding:.8rem 1rem;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff05}.notif-unread{background:#6c63ff08}.notif-icon{flex-shrink:0;margin-top:.1rem;font-size:1.2rem}.notif-content{flex:1;min-width:0}.notif-message{color:var(--text);margin-bottom:.2rem;font-size:.82rem;line-height:1.4}.notif-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.notif-project{background:var(--accent)22;color:var(--accent2);border-radius:4px;padding:.1rem .4rem;font-size:.72rem}.notif-time{color:var(--muted);font-size:.72rem}.notif-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.notif-empty{text-align:center;color:var(--muted);padding:2rem;font-size:.85rem}.reglement-confirmed-item{background:var(--card);border:1px solid var(--success)33;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.8rem 1rem;display:flex}.cat-select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:.7rem 1rem;font-size:.9rem;transition:border-color .2s}.cat-select:focus{border-color:var(--accent)}.cat-custom-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cat-badge{white-space:nowrap;vertical-align:middle;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.modal-bg{z-index:200;background:#00000085;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-bg.open{display:flex}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:460px;max-height:90vh;padding:1.6rem;overflow-y:auto}.modal.wide{max-width:560px}.modal h3{margin-bottom:1.3rem;font-size:1rem}.modal-actions{gap:.7rem;margin-top:1.3rem;display:flex}.modal-actions .btn{flex:1;width:auto}.toast{background:var(--card);border:1px solid var(--border);z-index:500;border-radius:10px;max-width:300px;padding:.75rem 1.1rem;font-size:.82rem;animation:.3s slideIn;display:none;position:fixed;bottom:1.5rem;right:1.5rem}.toast.show{display:block}.toast.ok{border-left:3px solid var(--success);color:var(--success)}.toast.err{border-left:3px solid var(--danger);color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.inactivity-overlay{z-index:600;background:#000c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.inactivity-overlay.open{display:flex}.inactivity-box{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:2rem}.inactivity-icon{margin-bottom:1rem;font-size:3rem}.inactivity-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.inactivity-countdown{color:var(--danger);margin:1rem 0;font-size:2.5rem;font-weight:700}.inactivity-actions{justify-content:center;gap:.8rem;margin-top:1rem;display:flex}.inactivity-actions .btn{flex:1;width:auto}.tuto-overlay{z-index:400;background:#000c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.tuto-overlay.open{display:flex}.tuto-box{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:460px;padding:2rem}.tuto-dots{justify-content:center;gap:.4rem;margin-bottom:1.3rem;display:flex}.tuto-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .2s}.tuto-dot.active{background:var(--accent)}.tuto-icon{text-align:center;margin-bottom:.8rem;font-size:2.8rem}.tuto-title{text-align:center;margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.tuto-desc{color:var(--muted);text-align:center;margin-bottom:1.3rem;font-size:.88rem;line-height:1.65}.tuto-nav{justify-content:center;gap:.7rem;display:flex}.tuto-nav .btn{width:auto;padding:.55rem 1.2rem}.tuto-skip{text-align:center;margin-top:.9rem}.tuto-skip button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.78rem}@media (max-width:600px){.add-grid-3,.add-grid-2{grid-template-columns:1fr}.topbar,.header{padding:.7rem 1rem}.main,.dashboard-main{padding:1rem}th,td{padding:.55rem .7rem}.topbar-right{gap:.4rem}}