:root{--color-primary: #952f57;--color-secondary: #ffa0c6;--color-accent: #ffa0c6;--color-bg: #fafafa;--color-text: #1f1f1f;--primary-700: #7a2545;--primary-800: #62152d;--accent-600: #ff7fb3;--accent-700: #ff669f;--brand-600: var(--color-primary);--brand-500: #ae4a6f;--brand-700: var(--primary-700);--brand-800: var(--primary-800);--brand-50: #fdf2f7;--accent-blue: #2f6b95;--accent-teal: #2f9587;--radius: 16px;--radius-xl: 20px;--shadow: 0 8px 20px rgba(0,0,0,.08);--shadow-soft: 0 10px 25px rgba(0,0,0,.08);--shadow-hover: 0 18px 45px rgba(0,0,0,.12);--ring: #ffd3e6;--primary-rgb: 149, 47, 87}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45}body.is-busy{cursor:progress}.global-progress{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;background:#1f181c6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-progress.is-active{display:flex}.global-progress__panel{width:min(420px,calc(100vw - 2rem));padding:1.2rem;border-radius:8px;border:1px solid rgba(98,17,50,.16);background:#fff;box-shadow:0 24px 70px #1c12163d}.global-progress__top{display:flex;align-items:center;gap:.85rem}.global-progress__spinner{width:34px;height:34px;flex:0 0 auto;border-radius:999px;border:4px solid #eadbe2;border-top-color:var(--brand-800);animation:global-progress-spin .8s linear infinite}.global-progress__title{margin:0;color:var(--brand-800);font-size:1rem;font-weight:800}.global-progress__message{margin:.18rem 0 0;color:#6f5d66;font-size:.9rem}.global-progress__track{height:8px;margin-top:1rem;overflow:hidden;border-radius:999px;background:#f1e5eb}.global-progress__bar{width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-800),#b38e5d);transform:translate(-100%);animation:global-progress-bar 1.2s ease-in-out infinite}.global-progress__bar.has-value{width:var(--global-progress-value, 0%);transform:none;animation:none;transition:width .18s ease}.global-progress__hint{margin:.75rem 0 0;color:#8a6c78;font-size:.78rem}@keyframes global-progress-spin{to{transform:rotate(360deg)}}@keyframes global-progress-bar{0%{transform:translate(-110%)}55%{transform:translate(85%)}to{transform:translate(260%)}}.topbar{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,var(--primary-800),var(--color-primary));border-bottom:1px solid var(--primary-800);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:#fff}.brand svg{fill:#fff}.topbar-left{display:flex;align-items:center;gap:.9rem}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:.75rem 1rem}.topbar-account{display:flex;align-items:center;gap:.75rem}.topbar-user,.topbar-login{min-height:40px;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;text-decoration:none}.sidebar-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;cursor:pointer}.sidebar-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#fff}.menu{display:flex;align-items:center;gap:.5rem}.menu .navlink{text-decoration:none;color:#fff;padding:.35rem .5rem;border-radius:10px;transition:color .15s ease,background .15s ease}.menu .navlink:hover{color:#fff;background:rgba(var(--primary-rgb),.18)}.menu .navlink.is-active{background:#beb152;color:var(--primary-800);font-weight:700}.app-shell{display:flex;align-items:stretch;min-height:calc(100vh - 76px)}.app-sidebar{position:sticky;top:76px;z-index:900;width:290px;min-width:290px;height:calc(100vh - 76px);display:flex;flex-direction:column;gap:1.15rem;padding:1rem .95rem;background:#fff;border-right:1px solid rgba(98,17,50,.1);box-shadow:8px 0 24px #0000000d;overflow-y:auto;transition:transform .22s ease,width .22s ease,min-width .22s ease}.sidebar-section{padding-bottom:.25rem;border-bottom:1px solid rgba(98,17,50,.08)}.sidebar-section--footer{margin-top:auto}.sidebar-title{margin:0 0 .7rem;padding:0 .2rem;font-size:.77rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a6c78}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem}.sidebar-link{width:100%;display:flex;align-items:center;gap:.8rem;padding:.82rem .85rem;border-radius:16px;color:#3f2e38;text-decoration:none;border:1px solid transparent;background:transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease;position:relative}.sidebar-text{white-space:nowrap}.sidebar-link:hover{background:rgba(var(--primary-rgb),.06);border-color:rgba(var(--primary-rgb),.1);transform:translate(2px)}.sidebar-link.is-active{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.16);color:var(--brand-800);font-weight:700}.sidebar-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--brand-800);font-size:.88rem;font-weight:800}.sidebar-form,.logout-form{margin:0}.sidebar-link--button{font:inherit;cursor:pointer;border:0;text-align:left}.sidebar-backdrop{position:fixed;inset:76px 0 0;z-index:850;background:#1a0f1652;opacity:0;pointer-events:none;transition:opacity .18s ease}.app-content{min-width:0;flex:1 1 auto}.layout-sidebar-collapsed .app-sidebar{transform:translate(0);width:88px;min-width:88px;padding-left:.7rem;padding-right:.7rem;overflow:hidden;box-shadow:6px 0 18px #0000000a}.layout-sidebar-collapsed .sidebar-section{padding-bottom:.75rem}.layout-sidebar-collapsed .sidebar-title{text-align:center;font-size:.62rem;letter-spacing:.18em;padding:0;margin-bottom:.55rem}.layout-sidebar-collapsed .sidebar-link{justify-content:center;padding:.82rem .4rem;gap:0}.layout-sidebar-collapsed .sidebar-link:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.45rem .7rem;border-radius:10px;background:#621132;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 24px #00000029;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40}.layout-sidebar-collapsed .sidebar-link:hover:after,.layout-sidebar-collapsed .sidebar-link:focus-visible:after{opacity:1;transform:translateY(-50%) translate(4px)}.layout-sidebar-collapsed .sidebar-text{display:none}.layout-sidebar-collapsed .sidebar-icon{width:42px;height:42px;border-radius:14px;font-size:1rem}.layout-sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}@media(max-width:1120px){.topbar-main{flex-wrap:wrap}.topbar-account{margin-left:auto}.menu{width:100%}}@media(max-width:720px){.topbar-main{flex-direction:column;align-items:flex-start}.menu{flex-wrap:wrap}.topbar-account{width:100%}.topbar-user,.topbar-login{width:100%;justify-content:center}.app-sidebar{position:fixed;top:76px;left:0;z-index:30;transform:translate(-100%)}.layout-sidebar-open .app-sidebar{transform:translate(0)}.layout-sidebar-collapsed .app-sidebar{transform:translate(-100%);width:290px;min-width:290px;padding:1rem .95rem;border-right:1px solid rgba(98,17,50,.1);box-shadow:8px 0 24px #0000000d}.app-shell{min-height:auto}}.container{max-width:1200px;margin:1rem auto;padding:0 1rem}.footer{margin-top:3rem;padding:1rem;text-align:center;color:#666}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #eee}.card-header{padding:1rem 1.2rem;border-bottom:1px solid #eee;background:#fff}.card-title{margin:0;font-size:1.2rem}.card-body{padding:1.2rem}.panel-card{padding:1rem;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-soft);border:1px solid rgba(149,47,87,.13);overflow:hidden}.panel-card>h4{margin:-1rem -1rem .85rem;padding:.8rem 1rem;background:#952f5714;border-bottom:1px solid rgba(149,47,87,.13);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.divider{margin:1rem 0;border:0;border-top:1px solid #eee}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}@media(max-width:800px){.grid,.grid-2{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem}.input,select,input[type=file]{border:1px solid #ddd;border-radius:12px;padding:.6rem .8rem;background:#fff;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,select:focus,input[type=file]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--ring)}.btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:var(--radius);padding:.55rem .9rem;border:1px solid #ddd;background:#952f57;cursor:pointer;text-decoration:none;color:#333;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);border-color:#ccc;box-shadow:var(--shadow-hover)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn-primary{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--primary-700);border-color:var(--primary-700);transform:translateY(-2px)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:#fff}.btn-outline:hover{background:rgba(var(--primary-rgb),.06)}.btn-ghost{border-color:#e9e9e9;background:transparent;color:var(--color-text)}.btn-ghost:hover{background:#00000009}.actions-right{display:flex;justify-content:flex-end;margin-top:.8rem}.badge{display:inline-flex;gap:.4rem;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;border:1px solid #eee;background:#fff;color:var(--color-text)}.badge-brand{background:var(--brand-50);color:var(--brand-800);border-color:transparent}.muted{color:#6b6b6b}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab-btn{padding:.55rem .9rem;border-radius:999px;border:1px solid #e8e8e8;background:#fff;font-weight:600;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.tab-btn:hover{border-color:var(--brand-500);color:var(--brand-700)}.tab-btn.active,.tab-btn[aria-selected=true]{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-800);box-shadow:inset 0 -2px 0 var(--accent-600)}.kpi .muted{letter-spacing:.2px}.alert{border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}.alert.success{background:#e8f6ef;border:1px solid #b7e2cf;color:#134e2a}.alert.danger{background:#fdecea;border:1px solid #f5c2c0;color:#7a1d17}.progress{position:relative;background:rgba(var(--primary-rgb),.08);border-radius:999px;height:14px;margin:.6rem 0}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:999px;transition:width .2s ease}.progress span,#progText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.78rem;color:#333}.table-scroll{overflow-x:auto}.dataTables_wrapper .dt-buttons{margin-bottom:.5rem}.dataTables_wrapper .dt-buttons .dt-button{border:1px solid rgba(149,47,87,.25);border-radius:10px;padding:.35rem .8rem;margin:0 .3rem .3rem 0;background:#fff;color:var(--color-primary);font-weight:600;font-size:.82rem;transition:background .15s ease,border-color .15s ease,transform .15s ease,color .15s ease}.dataTables_wrapper .dt-buttons .dt-button:hover{background:var(--brand-50);border-color:var(--brand-500);color:var(--primary-800);transform:translateY(-1px)}.dataTables_wrapper .dataTables_length select,.dataTables_wrapper .dataTables_filter input{border:1px solid rgba(149,47,87,.2);border-radius:10px;padding:.3rem .55rem;background:#fff}.dataTables_wrapper .dataTables_filter input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--ring)}.dataTables_wrapper table.dataTable thead th,.dataTables_wrapper table.dataTable thead td{background:#952f5717;color:var(--color-primary);font-weight:800;font-size:.82rem;letter-spacing:.03em;border-bottom:2px solid rgba(149,47,87,.18)!important;padding:.6rem .7rem;white-space:nowrap}.dataTables_wrapper table.dataTable thead th.sorting_asc,.dataTables_wrapper table.dataTable thead th.sorting_desc{background:#952f5726}.dataTables_wrapper table.dataTable tbody td{font-size:.84rem;padding:.5rem .7rem;border-bottom:1px solid rgba(149,47,87,.07)!important;color:var(--color-text)}.dataTables_wrapper table.dataTable tbody tr:hover td{background:#952f570a!important}.dataTables_wrapper table.dataTable tfoot th{background:#952f5721;color:var(--color-primary);font-weight:800;font-size:.82rem;padding:.6rem .7rem;border-top:2px solid rgba(149,47,87,.18)!important}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:8px!important;font-size:.82rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--brand-50)!important;color:var(--primary-800)!important;border-color:var(--brand-500)!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:var(--brand-50)!important;color:var(--primary-700)!important;border-color:var(--brand-500)!important}.dataTables_wrapper .dataTables_info{font-size:.82rem;color:#888;padding-top:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{position:relative}.chip input{position:absolute;opacity:0;pointer-events:none}.chip label{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:999px;cursor:pointer;background:#fff;border:1px solid #ddd;box-shadow:var(--shadow, 0 8px 20px rgba(0,0,0,.08));transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.chip label .check{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;display:inline-grid;place-items:center}.chip label .check svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;opacity:0;transform:scale(.8);transition:.15s ease}.chip input:checked+label{color:#fff;border-color:var(--color-primary, #952f57);background:var(--color-primary, #952f57);transform:translateY(-1px);box-shadow:0 10px 24px #0000001a}.chip input:checked+label .check{border-color:#ffffffbf;background:#ffffff26}.chip input:checked+label .check svg{opacity:1;transform:scale(1)}.chip label:hover{transform:translateY(-1px);border-color:#ccc}.chip label .txt{white-space:nowrap}
