:root,[data-theme=dark]{--bg:#0b1519;--surface:#152530;--surface2:#1c3040;--border:#254050;--accent:#917860;--accent2:#b09070;--text:#f0ece4;--muted:#7a96a8;--danger:#c96e6e;--success:#6ec98a;--warning:#c9b96e;--info:#6ea0c9;--shadow:#0006;--badge-green-bg:#6ec98a26;--badge-yellow-bg:#c9b96e26;--badge-red-bg:#c96e6e26;--badge-blue-bg:#6ea0c926;--badge-gray-bg:#8a807026;--badge-gold-bg:#c9a96e26;--nav-active-bg:#c9a96e1f;--avatar-bg:#c9a96e33;--overlay-bg:#000000bf;--td-border:#2e2c2880}[data-theme=light]{--bg:#f4f1ec;--surface:#fff;--surface2:#ece8e1;--border:#d5cfc5;--accent:#917860;--accent2:#7a6550;--text:#2c3e50;--muted:#6b7c8a;--danger:#c0392b;--success:#27ae60;--warning:#d4a017;--info:#2980b9;--shadow:#00000014;--badge-green-bg:#27ae601f;--badge-yellow-bg:#d4a0171f;--badge-red-bg:#c0392b1a;--badge-blue-bg:#2980b91a;--badge-gray-bg:#6b7c8a1a;--badge-gold-bg:#9178601a;--nav-active-bg:#9178601a;--avatar-bg:#91786026;--overlay-bg:#0006;--td-border:#d5cfc599}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Lato,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--surface)}textarea{resize:vertical;min-height:80px}label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:Lato,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0f0e0c}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.btn-danger{background:var(--badge-red-bg);color:var(--danger);border:1px solid var(--badge-red-bg)}.btn-warning{color:#ca8a04;background:#eab30826;border:1px solid #eab30840}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-xs{padding:4px 10px;font-size:.75rem}.btn-full{width:100%}.badge{border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700;display:inline-block}.badge-green{background:var(--badge-green-bg);color:var(--success)}.badge-yellow{background:var(--badge-yellow-bg);color:var(--warning)}.badge-red{background:var(--badge-red-bg);color:var(--danger)}.badge-blue{background:var(--badge-blue-bg);color:var(--info)}.badge-gray{background:var(--badge-gray-bg);color:var(--muted)}.badge-gold{background:var(--badge-gold-bg);color:var(--accent)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.search-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:220px;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:.85rem}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent)}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:11px 18px;font-size:.7rem;font-weight:700}td{border-bottom:1px solid var(--td-border);vertical-align:middle;padding:13px 18px;font-size:.865rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:.77rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:.72rem;font-weight:600}.stat-val{font-size:1.7rem;font-weight:600;line-height:1}.stat-sub{color:var(--muted);margin-top:5px;font-size:.72rem}.stat-card.accent{border-color:var(--badge-gold-bg)}.stat-card.accent .stat-val{color:var(--accent)}.stat-card.danger{border-color:var(--badge-red-bg)}.stat-card.danger .stat-val{color:var(--danger)}.stat-card.success{border-color:var(--badge-green-bg)}.stat-card.success .stat-val{color:var(--success)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-full{grid-column:1/-1}.form-hint{color:var(--muted);margin-top:2px;font-size:.72rem}.modal-overlay{background:var(--overlay-bg);z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:600px;max-width:96vw;max-height:92vh;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-title{font-family:Playfair Display,serif;font-size:1.15rem}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1.3rem}.modal-close:hover{color:var(--text)}.modal-body{padding:22px 24px}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex;position:sticky;bottom:0}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.page-title{font-family:Playfair Display,serif;font-size:1.75rem}.page-sub{color:var(--muted);margin-top:3px;font-size:.85rem}.dash-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.owner-header{background:linear-gradient(135deg,var(--badge-gold-bg)0%,transparent 60%);border:1px solid var(--badge-gold-bg);border-radius:14px;margin-bottom:22px;padding:24px 28px}.owner-header h2{color:var(--accent);margin-bottom:4px;font-family:Playfair Display,serif;font-size:1.4rem}.owner-header p{color:var(--muted);font-size:.85rem}.alert-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.alert-item:last-child{border-bottom:none;padding-bottom:0}.alert-item:first-child{padding-top:0}.alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.alert-body{flex:1}.alert-title{font-size:.83rem;font-weight:500}.alert-sub{color:var(--muted);margin-top:2px;font-size:.73rem}.alert-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:13px;margin-bottom:8px;padding:15px 18px;display:flex}.alert-card.red{border-left:3px solid var(--danger)}.alert-card.yellow{border-left:3px solid var(--warning)}.alert-card-body{flex:1}.alert-card-title{margin-bottom:3px;font-size:.88rem;font-weight:600}.alert-card-sub{color:var(--muted);font-size:.76rem}.alert-card-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.alerts-section{margin-bottom:22px}.alerts-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.75rem;font-weight:700}.arquiler-btn{background:var(--badge-gold-bg);border:1px solid var(--accent);color:var(--accent);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:600;text-decoration:none;display:inline-flex}.toast{background:var(--surface);border:1px solid var(--border);z-index:9999;box-shadow:0 8px 30px var(--shadow);border-radius:10px;padding:13px 18px;font-size:.85rem;font-weight:500;animation:.3s toastIn;position:fixed;bottom:24px;right:24px}.toast.success{border-left:3px solid var(--success);color:var(--success)}.toast.error{border-left:3px solid var(--danger);color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty-icon{opacity:.3;margin-bottom:10px;font-size:1.8rem;line-height:1}.empty p{font-size:.875rem}.actions{flex-wrap:wrap;gap:5px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.animate-in{animation:.2s fadeIn}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #91786026}.topbar{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px;padding:12px 0 20px;display:flex}.topbar-icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex}.topbar-icon-btn:hover{color:var(--accent)}.topbar-user-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.topbar-user-avatar{background:var(--avatar-bg);width:30px;height:30px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.topbar-user-name{font-size:.8rem;font-weight:600}.topbar-user-role{color:var(--muted);font-size:.65rem}.topbar-logout{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:4px;transition:color .2s;display:flex}.topbar-logout:hover{color:var(--danger)}.notif-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex;position:relative}.notif-btn:hover{background:var(--surface2)}.notif-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notif-panel{background:var(--surface);border:1px solid var(--border);width:360px;max-height:440px;box-shadow:0 12px 40px var(--shadow);z-index:1000;border-radius:12px;animation:.15s fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-title{font-size:.85rem;font-weight:700}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.73rem;font-weight:600}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{text-align:center;color:var(--muted);padding:40px 20px}.notif-item{border-bottom:1px solid var(--border);gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item.unread{background:var(--badge-gold-bg);cursor:pointer}.notif-item-icon{flex-shrink:0;margin-top:2px;display:flex}.notif-item-body{flex:1;min-width:0}.notif-item-title{margin-bottom:2px;font-size:.82rem}.notif-item-msg{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--muted);margin-top:4px;font-size:.68rem}.notif-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.table-pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.8rem;display:flex}.table-pagination-info{color:var(--muted)}.table-pagination-btns{gap:6px;display:flex}.table-results{color:var(--muted);font-size:.75rem}.page-header-left{align-items:center;gap:10px;display:flex}.alert-banner{border:1px solid;border-radius:10px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 20px;display:flex}.alert-banner.danger{border-color:var(--danger);border-left:4px solid var(--danger);background:#c96e6e1a}.alert-banner.warning{border-color:var(--warning);border-left:4px solid var(--warning);background:#c9b96e14}.alert-banner-icon{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.alert-banner-icon.danger{background:var(--danger)}.alert-banner-icon.warning{background:var(--warning)}.alert-banner-title{margin-bottom:8px;font-size:.95rem;font-weight:700}.alert-banner-title.danger{color:var(--danger)}.alert-banner-title.warning{color:var(--warning)}.alert-banner-row{background:var(--surface2);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;font-size:.83rem;display:flex}.detail-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:.7rem;font-weight:600}.detail-value{color:var(--text);font-size:.9rem;font-weight:500}.section-divider{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.section-title-sm{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.75rem;font-weight:700}.detail-table{border-collapse:collapse;width:100%}.detail-table-section{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--surface2);padding:10px 12px 4px;font-size:.72rem;font-weight:700}.detail-table td{border-bottom:1px solid var(--border);padding:8px 12px;font-size:.88rem}.detail-table td:first-child{color:var(--muted);width:40%;font-size:.82rem}.summary-box{background:var(--surface2);border-radius:10px;padding:14px 16px;font-size:.85rem;line-height:1.9}.form-error{color:var(--danger);margin-top:2px;font-size:.72rem}.mono{font-family:DM Sans,monospace;font-size:.8rem}.stat-card{transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--shadow)}.card{transition:border-color .2s}.skeleton{background:linear-gradient(90deg,var(--surface2)25%,var(--border)50%,var(--surface2)75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-group{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex;overflow-x:auto}.tab-item{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.tab-item:hover{background:var(--surface2);color:var(--text)}.tab-item.active{background:var(--accent);color:#fff;font-weight:600}.app-layout{min-height:100vh;display:flex}.app-main{flex:1;min-width:0;margin-left:240px;padding:30px 34px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dash-row,.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.app-main{margin-left:0;padding:60px 16px 24px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:1.35rem}.btn-sm{width:100%}td{padding:10px 12px;font-size:.8rem}th{padding:8px 12px;font-size:.65rem}.modal{border-radius:12px 12px 0 0;width:100%;max-width:100vw;max-height:95vh}.modal-body,.modal-header{padding:16px}.modal-footer{padding:12px 16px}.search-input{width:100%}.table-toolbar{flex-direction:column;align-items:stretch}.stat-card{padding:14px 16px}.stat-val{font-size:1.4rem}.actions{gap:3px}.btn-xs{padding:3px 7px;font-size:.7rem}.card{padding:16px}.toast{bottom:16px;left:16px;right:16px}}