*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb}
body{margin:0;background:linear-gradient(135deg,#f6f8fc,#eaf1fb);min-height:100vh}.app{max-width:1550px;margin:auto;padding:18px}
.topbar,.filebar,.controls,.statusbar,.formatbar,.formula-bar{background:rgba(255,255,255,.94);border:1px solid #dce4ef;box-shadow:0 8px 25px rgba(20,40,80,.07)}
.topbar{height:70px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#738096;margin-top:2px}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1769e0;color:#fff;font-size:25px}
.top-actions{display:flex;gap:7px}.icon-btn,.tool,.small-btn,.secondary,.fmt{border:1px solid #d4ddea;background:#fff;color:#26344a;border-radius:9px;padding:8px 11px;cursor:pointer}.icon-btn{font-size:18px;width:40px;height:40px}
.drop-zone{min-height:500px;margin-top:18px;border:2px dashed #b7c8df;border-radius:22px;background:rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.drop-icon{font-size:58px}.drop-zone h1{margin:12px 0 8px}.drop-zone p{color:#68768a}.home-actions{display:flex;gap:10px}.primary{border:0;border-radius:10px;background:#1769e0;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.formats{margin-top:18px;font-size:12px;letter-spacing:1px;color:#8290a4}.hidden{display:none!important}
.filebar{margin-top:18px;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.file-info{display:flex;align-items:center;gap:10px}.file-info strong{display:block}.file-info small{display:block;color:#7b8798;margin-top:3px}.file-icon{font-size:28px}.toolbar{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tool{font-weight:600}.tool.save{background:#1769e0;color:#fff;border-color:#1769e0}
.formatbar{margin-top:10px;border-radius:13px;padding:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fmt{min-width:34px;font-size:14px}.fmt.wide{font-size:12px}.fmt:hover,.tool:hover,.secondary:hover,.small-btn:hover{background:#edf4ff}.divider{height:28px;width:1px;background:#d7dee9}.color-tool{display:flex;align-items:center;gap:4px;border:1px solid #d4ddea;border-radius:9px;padding:3px 6px;font-weight:700;cursor:pointer}.color-tool input{width:30px;height:26px;padding:0;border:0;background:none;cursor:pointer}.formula-bar{margin-top:8px;border-radius:12px;display:flex;align-items:center;gap:8px;padding:7px}.fx{font-family:Georgia,serif;font-weight:bold;color:#1769e0;font-size:19px;padding:0 7px}.formula-bar input{flex:1;border:0;outline:0;padding:8px;background:transparent;font-family:monospace}.formula-bar button{border:0;border-radius:8px;background:#1769e0;color:#fff;padding:8px 12px}
.controls{margin-top:9px;border-radius:13px;padding:8px;display:flex;justify-content:space-between;gap:10px}.search-wrap{display:flex;align-items:center;gap:7px;border:1px solid #d4ddea;border-radius:9px;padding:0 8px;flex:1;max-width:550px;background:#fff}.search-wrap input{border:0;outline:0;width:100%;padding:8px;background:transparent}.search-wrap button{border:0;background:none;font-size:19px;color:#8b97a8}.controls-right{display:flex;align-items:center;gap:6px}.small-btn{padding:6px 10px}
.sheet-tabs{display:flex;gap:5px;overflow:auto;margin-top:9px}.sheet-tab{border:1px solid #d4ddea;border-bottom:0;background:#eaf0f7;padding:9px 16px;border-radius:9px 9px 0 0;cursor:pointer;white-space:nowrap}.sheet-tab.active{background:#fff;color:#1769e0;font-weight:700}
.table-shell{background:#fff;border:1px solid #d4ddea;border-radius:0 14px 14px 14px;overflow:auto;max-height:66vh}.table-wrap{min-width:max-content}.excel-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.excel-table th,.excel-table td{border:1px solid #dfe5ee;padding:7px 10px;min-width:90px;height:31px;vertical-align:middle}.excel-table th{position:sticky;top:0;background:#eef3f9;font-weight:700;z-index:2}.excel-table .row-num{min-width:46px;width:46px;text-align:center;background:#f5f7fa;color:#7b8798;position:sticky;left:0;z-index:3}.excel-table th.row-num{z-index:4}.editable{outline:none}.editable:focus{box-shadow:inset 0 0 0 2px #1769e0}.excel-table td.selected{outline:2px solid #1769e0;outline-offset:-2px;background:#eef6ff}.match{background:#fff2a8!important}
.statusbar{margin-top:9px;border-radius:11px;padding:8px 12px;display:flex;justify-content:space-between;color:#68768a;font-size:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#182233;color:#fff;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
body.dark{background:#101722;color:#e8edf5}.dark .topbar,.dark .filebar,.dark .controls,.dark .statusbar,.dark .formatbar,.dark .formula-bar,.dark .drop-zone,.dark .table-shell{background:#182232;border-color:#2d3b50}.dark .tool,.dark .secondary,.dark .small-btn,.dark .icon-btn,.dark .fmt,.dark .color-tool,.dark .search-wrap{background:#202c3e;color:#e8edf5;border-color:#35445b}.dark .excel-table th{background:#243247}.dark .excel-table td{border-color:#334257}.dark .excel-table .row-num{background:#202c3e}.dark .sheet-tab{background:#202c3e;color:#d7e0ec;border-color:#35445b}.dark .sheet-tab.active{background:#182232;color:#6ea8ff}
@media(max-width:950px){.filebar,.controls{flex-direction:column;align-items:stretch}.toolbar{justify-content:flex-start}.search-wrap{max-width:none}.controls-right{justify-content:flex-end}}
@media print{.topbar,.drop-zone,.filebar,.formatbar,.formula-bar,.controls,.sheet-tabs,.statusbar{display:none!important}.table-shell{max-height:none;border:0;overflow:visible}.app{padding:0}.excel-table{font-size:10px}}