:root{--navy: #0f1b33;--blue: #2563eb;--green: #16a34a;--red: #dc2626;--orange: #ea580c;--border: #e5e9f2}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;color:#1f2937}.btn{border:1px solid var(--border);background:#fff;padding:8px 14px;border-radius:6px;cursor:pointer}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.profit{color:var(--green)}.loss{color:var(--red)}.badge{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.long,.badge.profit{background:#dcfce7;color:var(--green)}.badge.short,.badge.loss{background:#fee2e2;color:var(--red)}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-head h1{margin:0;font-size:22px}.card{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:16px;margin-bottom:16px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}input,select,textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;padding:10px 8px;background:#f8fafc;color:#475569;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:10px 8px;border-bottom:1px solid #f1f5f9}table.data tbody tr:hover{background:#f8fafc}.empty{text-align:center;color:#94a3b8;padding:30px 0}.overlay{position:fixed;inset:0;background:#0f1b338c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:12px;padding:22px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000040}.modal.large{max-width:820px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}