@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ff0084;--primary-hover:#e60077;--secondary:#d3d3d3;--accent:#f59e0b;--danger:#f43f5e;--bg-gradient:linear-gradient(135deg, #000 0%, #1a1a1a 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-main:#fff;--text-muted:#d3d3d3;--radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}button{cursor:pointer;transition:var(--transition);border:none;font-family:inherit}input,select,textarea{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:var(--radius);transition:var(--transition);outline:none;padding:.75rem 1rem;font-family:inherit}select option{color:#fff;background:#1a1a1a;padding:.5rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff14;padding:1.5rem;box-shadow:0 8px 32px #0009}.tab-nav{background:#ffffff0d;border-radius:16px;gap:1rem;width:fit-content;margin-bottom:2rem;padding:.5rem;display:flex}.tab-btn{color:var(--text-muted);background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f166}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-new{color:#ff0084;background:#ff008433}.status-process{color:#d3d3d3;background:#d3d3d333}.status-ready{color:#34d399;background:#10b98133}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (width<=768px){:root{--radius:12px}body{padding:0}.container{padding:.75rem}h1{font-size:1.75rem!important}header{flex-direction:column;gap:1rem;padding:1.5rem .75rem;align-items:flex-start!important;margin-bottom:2rem!important}header h1{font-size:1.75rem}header p{font-size:.85rem}.tab-nav{gap:.5rem;width:100%;padding:.25rem;overflow-x:auto}.tab-btn{white-space:nowrap;flex-shrink:0;padding:.6rem 1rem;font-size:.9rem}.glass-card{padding:1rem}.btn-primary{text-align:center;justify-content:center;width:100%}input,select,textarea{font-size:16px}.responsive-table tr{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.responsive-table thead{display:none}.responsive-table td{justify-content:space-between;align-items:center;display:flex;border:none!important;padding:.25rem 0!important}.responsive-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.75rem;font-weight:600}.responsive-table td:last-child{margin-top:.5rem;border-top:1px solid var(--glass-border)!important;padding-top:.75rem!important}}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#000000d9;padding:1rem;position:fixed;inset:0;justify-content:center!important;align-items:center!important;display:flex!important}.modal-content{scrollbar-width:thin;scrollbar-color:var(--primary) transparent;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}@media (width<=768px){.modal-content{border-radius:16px;max-height:85vh}}body.modal-open{overflow:hidden}