*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:hsla(0,0%,100%,.12);--glass-bg-solid:hsla(0,0%,100%,.65);--glass-border:hsla(0,0%,100%,.25);--glass-blur:blur(40px) saturate(1.8);--glass-shadow:0 8px 32px rgba(0,0,0,.08);--glass-radius:16px;--glass-radius-sm:10px;--glass-radius-lg:24px;--color-primary:#007aff;--color-primary-hover:#0063d1;--color-success:#34c759;--color-danger:#ff3b30;--color-warning:#ff9500;--color-info:#5ac8fa;--text-primary:rgba(0,0,0,.85);--text-secondary:rgba(0,0,0,.55);--text-tertiary:rgba(0,0,0,.35);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1)}body{background:linear-gradient(135deg,#e8ecf4,#d5dce8 25%,#c9d6e8,#d1d9e8 75%,#e0e6ef);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-family);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{margin:0 auto;max-width:1200px;padding:32px 24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.page-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em}.glass-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow),inset 0 1px #ffffff4d;padding:24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:500;gap:6px;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--color-primary);box-shadow:0 2px 8px #007aff4d;color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.btn-secondary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff40;border:1px solid hsla(0,0%,100%,.3);color:var(--text-primary)}.btn-secondary:hover{background:#fff6}.btn-danger{background:#ff3b301a;border:1px solid rgba(255,59,48,.2);color:var(--color-danger)}.btn-danger:hover{background:#ff3b302e}.btn-sm{border-radius:10px;font-size:13px;padding:6px 14px}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 12px}.btn-ghost:hover{background:#0000000a;color:var(--text-primary)}.form-group{margin-bottom:18px}.form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.form-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffffb3;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff26}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row-3{display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 12px}.badge-draft{background:#8f8f9426;color:#8e8e93}.badge-sent{background:#007aff1f;color:#007aff}.badge-paid{background:#34c7591f;color:#34c759}.badge-overdue{background:#ff3b301f;color:#ff3b30}.badge-cancelled{background:#00000014;color:#00000073}.filter-tabs{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px}.filter-tab{background:transparent;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s ease}.filter-tab:hover{background:#fff3;color:var(--text-primary)}.filter-tab.active{background:#fff9;box-shadow:0 2px 8px #0000000f;color:var(--text-primary)}.toggle-switch{background:#00000026;border:none;border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .3s ease;width:44px}.toggle-switch.active{background:var(--color-success)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:22px}.toggle-switch.active:after{transform:translate(18px)}.text-right{text-align:right}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.glass-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.glass-input:focus{background:#ffffffb3;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff26}.glass-input::-moz-placeholder{color:#0000006b}.glass-input::placeholder{color:#0000006b}.glass-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff40;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.glass-btn:hover{background:#fff6}.glass-btn-primary{background:var(--color-primary);border-color:transparent;box-shadow:0 2px 8px #007aff4d;color:#fff}.glass-btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.mesh-gradient{background:radial-gradient(ellipse at 20% 50%,#e8daef 0,transparent 50%),radial-gradient(ellipse at 80% 20%,#d5e8f0 0,transparent 50%),radial-gradient(ellipse at 40% 80%,#f0e6d3 0,transparent 50%),radial-gradient(ellipse at 90% 70%,#dce8d5 0,transparent 40%),linear-gradient(135deg,#e8ecf4,#d5dce8 50%,#e0e6ef);background-attachment:fixed}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%;border-radius:6px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}