:root{--accent: #6366f1;--accent-hover: #4f46e5;--danger: #ef4444;--success: #10b981;--font-family: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(148, 163, 184, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--input-bg: rgba(15, 23, 42, .5);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-hover: rgba(255, 255, 255, .1);--dropzone-bg: rgba(15, 23, 42, .3);--table-header-bg: rgba(15, 23, 42, .8);--table-row-hover: rgba(255, 255, 255, .02);--range-item-bg: rgba(15, 23, 42, .4);--gradient-start: rgba(99, 102, 241, .15);--gradient-end: rgba(139, 92, 246, .15);--badge-bg: rgba(255, 255, 255, .05);--warning-bg: rgba(234, 179, 8, .1);--warning-border: rgba(234, 179, 8, .3);--warning-text: #eab308}[data-theme=light]{--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .1);--text-primary: #0f172a;--text-secondary: #475569;--input-bg: #ffffff;--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-hover: rgba(0, 0, 0, .1);--dropzone-bg: rgba(0, 0, 0, .02);--table-header-bg: rgba(241, 245, 249, .9);--table-row-hover: rgba(0, 0, 0, .02);--range-item-bg: rgba(255, 255, 255, .6);--gradient-start: rgba(99, 102, 241, .1);--gradient-end: rgba(139, 92, 246, .1);--accent: #4f46e5;--accent-hover: #4338ca;--badge-bg: rgba(0, 0, 0, .05);--warning-bg: #fefce8;--warning-border: rgba(234, 179, 8, .3);--warning-text: #854d0e}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(148, 163, 184, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--input-bg: rgba(15, 23, 42, .5);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-hover: rgba(255, 255, 255, .1);--dropzone-bg: rgba(15, 23, 42, .3);--table-header-bg: rgba(15, 23, 42, .8);--table-row-hover: rgba(255, 255, 255, .02);--range-item-bg: rgba(15, 23, 42, .4);--gradient-start: rgba(99, 102, 241, .15);--gradient-end: rgba(139, 92, 246, .15);--badge-bg: rgba(255, 255, 255, .05);--warning-bg: rgba(234, 179, 8, .1);--warning-border: rgba(234, 179, 8, .3);--warning-text: #eab308}}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .1);--text-primary: #0f172a;--text-secondary: #475569;--input-bg: #ffffff;--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-hover: rgba(0, 0, 0, .1);--dropzone-bg: rgba(0, 0, 0, .02);--table-header-bg: rgba(241, 245, 249, .9);--table-row-hover: rgba(0, 0, 0, .02);--range-item-bg: rgba(255, 255, 255, .6);--gradient-start: rgba(99, 102, 241, .1);--gradient-end: rgba(139, 92, 246, .1);--accent: #4f46e5;--accent-hover: #4338ca;--badge-bg: rgba(0, 0, 0, .05);--warning-bg: #fefce8;--warning-border: rgba(234, 179, 8, .3);--warning-text: #854d0e}}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(at 0% 0%,var(--gradient-start) 0px,transparent 50%),radial-gradient(at 100% 100%,var(--gradient-end) 0px,transparent 50%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit;transition:all .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;height:100vh}header{margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem}header h1{margin:0;font-weight:700;font-size:1.5rem;background:linear-gradient(to right,#c084fc,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.main-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;flex:1;min-height:0}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:background-color .3s ease,border-color .3s ease}.panel-left{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.panel-right{overflow:hidden}input,select{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:.75rem;border-radius:8px;width:100%;font-size:.9rem;transition:border-color .2s,background-color .3s ease}input:focus{outline:none;border-color:var(--accent)}label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.btn{border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--card-border)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.btn-danger{color:var(--danger);background:#ef44441a;padding:.5rem}.btn-danger:hover{background:#ef444433}.dropzone{border:2px dashed var(--card-border);border-radius:12px;padding:2rem 1rem;text-align:center;transition:all .2s;cursor:pointer;background:var(--dropzone-bg)}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:#6366f10d}.dropzone-icon{color:var(--text-secondary);width:48px;height:48px;margin-bottom:1rem}.table-container{overflow:auto;height:100%;border-radius:8px;border:1px solid var(--card-border)}table{width:100%;border-collapse:collapse;font-size:.85rem}th{background:var(--table-header-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;text-align:left;padding:.6rem .75rem;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--card-border);z-index:10;font-size:.8rem}td{padding:.5rem .75rem;border-bottom:1px solid var(--card-border);color:var(--text-primary)}tr:hover td{background:var(--table-row-hover)}.tag{background:#6366f11a;color:var(--accent);padding:.2rem .4rem;border-radius:4px;font-size:.75rem;font-weight:500}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center}.range-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.range-item{background:var(--range-item-bg);padding:.75rem;border-radius:8px;border:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.range-info{display:flex;flex-direction:column;gap:.25rem}.range-ids{font-size:.8rem;color:var(--text-secondary)}.range-patient{font-weight:600;color:var(--accent)}.theme-toggle{background:var(--btn-secondary-bg);border:1px solid var(--card-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.theme-toggle:hover{background:var(--btn-secondary-hover)}