:root{--primary-color:#d4a373;--primary-dark:#a98467;--bg-color:#fafafa;--card-bg:#fff;--text-main:#333;--text-muted:#888;--border-color:#e0e0e0;--success-color:#4caf50;--danger-color:#f44336;--nav-height:65px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--card-bg:#1e1e1e;--text-main:#e0e0e0;--text-muted:#aaa;--border-color:#333}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);padding-bottom:calc(var(--nav-height) + 20px);-webkit-font-smoothing:antialiased}.app-container{width:100%;max-width:600px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}h1{margin-bottom:16px;font-size:24px;font-weight:700}h2{margin-bottom:12px;font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}p{font-size:14px;line-height:1.5}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000000d}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}input,select{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s}input:focus,select:focus{border-color:var(--primary-color)}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-outline{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.btn-danger{background-color:var(--danger-color);color:#fff}.fab{bottom:calc(var(--nav-height) + 20px);background:var(--primary-color);color:#fff;z-index:100;cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;right:20px;box-shadow:0 4px 12px #d4a37366}.fab:active{transform:scale(.9)}.bottom-nav{height:var(--nav-height);background:var(--card-bg);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);z-index:1000;background:rgba(var(--card-bg-rgb), .85);-webkit-backdrop-filter:blur(10px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:33%;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-color)}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;flex-direction:column;justify-content:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border-top-left-radius:24px;border-top-right-radius:24px;min-height:50vh;max-height:90vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-container{padding:20px;animation:.2s fadeIn}.loader{height:200px;color:var(--primary-color);justify-content:center;align-items:center;display:flex}