:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (min-width:1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}:root{--xp-blue:#0055e6;--xp-light-blue:#e6f3ff;--xp-gray:#ece9d8;--xp-border:#aca899;--xp-dark-border:#716f64;--xp-white:#fff;--xp-text:#000;--xp-shadow:#00000040}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--xp-gray);color:var(--xp-text);width:100%;height:100%;margin:0;padding:0;font-family:Tahoma,MS Sans Serif,sans-serif;font-size:11px;line-height:1.4;overflow-x:auto}#app{width:100%;height:100%;min-height:100vh}@media (max-width:1024px){.xp-container{width:98%;max-width:800px;padding:10px}}@media (max-width:768px){.xp-container{width:98%;max-width:600px;padding:8px}.xp-window{border-width:1px}}@media (max-width:480px){.xp-container{width:100%;max-width:400px;padding:5px}body{font-size:10px}}.xp-window{background-color:var(--xp-white);border:2px outset var(--xp-border);box-shadow:2px 2px 4px var(--xp-shadow);border-radius:0}.xp-window-header{background:linear-gradient(to right,var(--xp-blue),#4a90e2);color:#fff;border-bottom:1px solid var(--xp-dark-border);padding:4px 8px;font-size:11px;font-weight:700}.xp-window-content{padding:16px}.xp-button{border:1px outset var(--xp-border);color:var(--xp-text);cursor:pointer;background:linear-gradient(#f0f0f0,#d4d0c8);min-width:75px;margin:2px;padding:4px 12px;font-family:inherit;font-size:11px}.xp-button:hover{background:linear-gradient(#f5f5f5,#e0e0e0)}.xp-button:active{border:1px inset var(--xp-border);background:linear-gradient(#d4d0c8,#f0f0f0)}.xp-button:disabled{background:var(--xp-gray);color:#999;cursor:not-allowed}.xp-input{border:2px inset var(--xp-border);background-color:var(--xp-white);width:100%;margin:2px 0;padding:2px 4px;font-family:inherit;font-size:11px}.xp-input:focus{border-color:var(--xp-blue);outline:none}.xp-form-group{margin-bottom:12px}.xp-label{color:var(--xp-text);margin-bottom:4px;font-weight:400;display:block}.xp-table{border-collapse:collapse;border:1px solid var(--xp-dark-border);background-color:var(--xp-white);width:100%}.xp-table th{border:1px outset var(--xp-border);text-align:left;background:linear-gradient(#f0f0f0,#d4d0c8);padding:4px 8px;font-weight:700}.xp-table td{border:1px inset var(--xp-border);padding:4px 8px}.xp-table tr:nth-child(2n){background-color:#f8f8f8}.xp-navbar{border:1px outset var(--xp-border);background:linear-gradient(#f0f0f0,#d4d0c8);margin-bottom:16px;padding:4px}.xp-navbar-nav{gap:4px;list-style:none;display:flex}.xp-navbar-nav .xp-nav-item{cursor:pointer;border:1px solid #0000;padding:4px 8px}.xp-navbar-nav .xp-nav-item:hover{border:1px outset var(--xp-border);background:var(--xp-light-blue)}.xp-navbar-nav .xp-nav-item.active{border:1px inset var(--xp-border);background:var(--xp-white)}.xp-dialog{background-color:var(--xp-white);border:2px outset var(--xp-border);box-shadow:4px 4px 8px var(--xp-shadow);z-index:1000;min-width:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.xp-dialog-backdrop{z-index:999;background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.xp-message{border:1px solid;margin:8px 0;padding:8px 12px}.xp-message.success{color:#3c763d;background-color:#e6f7e6;border-color:#5cb85c}.xp-message.error{color:#a94442;background-color:#f7e6e6;border-color:#d9534f}.xp-message.warning{color:#856404;background-color:#fff3cd;border-color:#ffc107}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.mr-2{margin-right:8px}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-1{flex:1}.xp-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.xp-row{flex-wrap:wrap;margin:-8px;display:flex}.xp-col{flex:1;min-width:0;padding:8px}.xp-col-12{flex:0 0 100%;max-width:100%}.xp-col-6{flex:0 0 50%;max-width:50%}.xp-col-4{flex:0 0 33.333%;max-width:33.333%}.xp-col-3{flex:0 0 25%;max-width:25%}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px;display:grid}.dashboard-card{background-color:var(--xp-white);border:1px solid var(--xp-border);min-height:120px;padding:16px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{border:1px outset var(--xp-border);text-align:center;background:linear-gradient(#f8f8f8,#f0f0f0);padding:12px}.stat-number{color:var(--xp-blue);font-size:24px;font-weight:700;display:block}.stat-label{color:#666;margin-top:4px;font-size:11px}.table-container{border:1px solid var(--xp-border);background-color:var(--xp-white);overflow-x:auto}.xp-table{border-collapse:collapse;width:100%;min-width:600px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-col{flex:1;min-width:200px}.button-group{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.button-group .xp-button{flex:none;min-width:80px}.xp-navbar-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav-mobile-menu{display:none}@media (max-width:768px){.xp-container{padding:10px}.xp-window-content{padding:12px}.xp-navbar-nav{flex-direction:column;align-items:stretch}.xp-navbar-nav .xp-nav-item{text-align:center;margin:2px 0;padding:8px}.xp-col-6,.xp-col-4,.xp-col-3{flex:0 0 100%;max-width:100%}.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.xp-table{min-width:500px}.xp-table th,.xp-table td{padding:6px 4px;font-size:10px}.form-row{flex-direction:column}.form-col{min-width:auto}.button-group{flex-direction:column}.button-group .xp-button{width:100%;min-width:auto}.xp-dialog{width:95%;max-width:none;max-height:90vh;overflow-y:auto}body{font-size:12px}.stat-number{font-size:20px}}@media (min-width:768px) and (max-width:1024px){.xp-container{padding:15px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.xp-col-4,.xp-col-3{flex:0 0 50%;max-width:50%}}@media (min-width:1200px){.xp-container{max-width:1400px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:480px){.xp-container,.xp-window-content{padding:8px}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:8px}.xp-table{min-width:400px}.xp-table th,.xp-table td{padding:4px 2px;font-size:9px}body{font-size:11px}.xp-button{padding:6px 8px;font-size:10px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--xp-gray)}.table-container::-webkit-scrollbar-thumb{background:var(--xp-border);border:1px inset var(--xp-border)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--xp-dark-border)}.loading{text-align:center;color:#666;padding:20px}.loading:after{content:"...";animation:1.5s infinite dots}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.empty-state{text-align:center;color:#666;padding:40px 20px}.empty-state:before{content:"📋";opacity:.5;margin-bottom:16px;font-size:48px;display:block}select.xp-input{max-height:200px;overflow-y:auto}select.xp-input::-webkit-scrollbar{width:12px}select.xp-input::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #d4d0c8}select.xp-input::-webkit-scrollbar-thumb{background:silver;border:1px solid gray;border-radius:0}select.xp-input::-webkit-scrollbar-thumb:hover{background:#a0a0a0}select.xp-input::-webkit-scrollbar-thumb:active{background:gray}.custom-select-options{max-height:200px;overflow-y:auto}.custom-select-options::-webkit-scrollbar{width:12px}.custom-select-options::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #d4d0c8}.custom-select-options::-webkit-scrollbar-thumb{background:silver;border:1px solid gray;border-radius:0}.custom-select-options::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.custom-select-options::-webkit-scrollbar-thumb:active{background:gray}select.xp-input,.custom-select-options{scrollbar-width:thin;scrollbar-color:silver #f1f1f1}#app{background-color:var(--xp-gray);min-height:100vh}