:root{--green:#188038;--green-dark:#137333;--line:#dadce0;--text:#202124;--muted:#5f6368;--blue:#1a73e8;--header:#f8f9fa}*{box-sizing:border-box}body{margin:0;color:var(--text);font:13px Arial,Helvetica,sans-serif;background:#fff}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:#f8f9fa;padding:24px}.login-card{width:min(100%,390px);padding:36px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 9px #2021241f}.sheet-mark{position:relative;display:grid;grid-template-columns:repeat(2,7px);gap:2px;width:28px;height:32px;padding:9px 7px;background:var(--green);border-radius:3px}.sheet-mark:after{content:'';position:absolute;top:0;right:0;border-style:solid;border-width:0 0 8px 8px;border-color:transparent transparent #c8e6c9 transparent}.sheet-mark i{background:#fff;opacity:.92}.login-card .sheet-mark{margin-bottom:20px}.login-card h1{font-size:24px;font-weight:400;margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 22px}label{display:grid;gap:6px;font-size:12px;color:#3c4043;margin:13px 0}input{border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--text)}input:focus{outline:2px solid #c2e7ff;border-color:var(--blue)}.login-card button{width:100%;margin-top:10px;background:var(--green);border:0;border-radius:4px;color:#fff;padding:10px;cursor:pointer;font-weight:bold}.error{color:#d93025;min-height:15px;margin:0}.sheet-app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;height:70px;align-items:center;padding:10px 16px 8px;gap:13px}.doc-head h1{font-size:18px;font-weight:400;margin:0 0 6px}.doc-meta{display:flex;gap:7px;color:var(--muted);font-size:12px}.cloud{font-size:15px;color:var(--green)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.user-chip{padding:7px 10px;background:#e6f4ea;color:#137333;border-radius:18px;font-weight:bold}.logout{background:transparent;border:0;color:#5f6368;cursor:pointer;padding:7px}.menubar{display:flex;gap:2px;padding:0 13px;height:32px;align-items:center}.menubar button,.toolbar button{border:0;background:transparent;border-radius:3px;padding:5px 8px;color:#202124;cursor:pointer}.menubar button:hover,.toolbar button:hover{background:#f1f3f4}.toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:3px;padding:6px 14px;height:48px}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar .add-row{background:#e6f4ea;color:var(--green-dark);font-weight:bold;padding:7px 10px}.tool-line{width:1px;height:24px;background:var(--line);margin:0 5px}.color-line{display:block;height:3px;background:#d93025;margin-top:-1px}.search{height:28px;width:190px;padding:4px 8px}.save-state{margin-left:auto;color:var(--muted);font-size:12px}.save-state.saving{color:var(--blue)}.formula-bar{height:35px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:9px}.cell-ref{width:54px;text-align:center}.formula-sep{height:24px;border-left:1px solid var(--line)}.fx{font-family:serif;font-style:italic;color:#5f6368;font-size:16px}.formula-bar input{border:0;border-radius:0;padding:5px;flex:1}.formula-bar input:focus{outline:0}.grid-shell{flex:1;min-height:0;display:flex;flex-direction:column}.column-heads{display:grid;grid-template-columns:48px 112px 205px 155px 1fr 110px 125px 245px;min-width:1000px;height:23px;background:var(--header);border-bottom:1px solid var(--line);color:#5f6368;text-align:center;font-size:11px;line-height:23px}.column-heads span{border-right:1px solid var(--line)}.table-scroll{overflow:auto;flex:1}.grid-table{border-collapse:collapse;width:100%;min-width:1000px;table-layout:fixed}.grid-table th,.grid-table td{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:31px;padding:6px 7px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-table thead th{position:sticky;top:0;z-index:2;background:#e6f4ea;color:#174e2a;font-weight:bold;border-bottom:2px solid var(--green)}.grid-table th:nth-child(1),.grid-table td:nth-child(1){width:48px}.grid-table th:nth-child(2),.grid-table td:nth-child(2){width:112px}.grid-table th:nth-child(3),.grid-table td:nth-child(3){width:205px}.grid-table th:nth-child(4),.grid-table td:nth-child(4){width:155px}.grid-table th:nth-child(5),.grid-table td:nth-child(5){width:auto}.grid-table th:nth-child(6),.grid-table td:nth-child(6){width:110px}.grid-table th:nth-child(7),.grid-table td:nth-child(7){width:125px}.grid-table th:nth-child(8),.grid-table td:nth-child(8){width:245px}.row-number{background:var(--header)!important;color:#5f6368!important;text-align:center;font-size:11px;font-weight:400!important;position:sticky;left:0;z-index:1}.grid-table thead .row-number{z-index:3}.cell{outline:0;cursor:text}.cell:hover{background:#f8fbff}.cell:focus,.cell.selected{box-shadow:inset 0 0 0 2px var(--blue);position:relative;background:#fff;z-index:1}.cell.saving{background:#fff8e1}.date-cell{font-variant-numeric:tabular-nums}.sheet-footer{height:39px;border-top:1px solid var(--line);display:flex;align-items:end;gap:5px;padding:0 12px}.tab{height:32px;padding:0 13px;border:0;background:#fff;color:#5f6368;cursor:pointer}.tab.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:bold}.plus{height:30px;border:0;background:transparent;cursor:pointer;font-size:19px;color:#5f6368}.sheet-footer #count{color:var(--muted);font-size:12px;margin:0 auto 9px}.sheet-footer a{color:#1967d2;text-decoration:none;margin:0 0 9px;font-size:12px}@media(max-width:650px){.topbar{height:62px;padding:8px}.menubar{overflow:hidden}.menubar button:nth-child(n+5),.toolbar button:not(.add-row),.tool-line{display:none}.toolbar{padding:5px 8px}.search{width:130px}.save-state{display:none}.top-actions .user-chip{display:none}.formula-bar{padding:0 8px}.column-heads{grid-template-columns:44px 100px 180px 135px 240px 100px 115px 210px}.grid-table{min-width:924px}.grid-table th:nth-child(1),.grid-table td:nth-child(1){width:44px}.grid-table th:nth-child(2),.grid-table td:nth-child(2){width:100px}.grid-table th:nth-child(3),.grid-table td:nth-child(3){width:180px}.grid-table th:nth-child(4),.grid-table td:nth-child(4){width:135px}.grid-table th:nth-child(5),.grid-table td:nth-child(5){width:240px}.grid-table th:nth-child(6),.grid-table td:nth-child(6){width:100px}.grid-table th:nth-child(7),.grid-table td:nth-child(7){width:115px}.grid-table th:nth-child(8),.grid-table td:nth-child(8){width:210px}}
