@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#232821;background:#f7f7f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#252b25;--muted:#737b70;--line:#e9eae4;--purple:#506845;--purple-soft:#edf2e9;--green:#397b50;--amber:#a27335}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f7f4}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid #eaebe6;padding:25px 17px 15px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#20271f;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;padding:0 8px 43px;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#526d47;color:#fff}.brand-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-light{color:#607c54}.workspace-label,.nav-label{font-size:10px;letter-spacing:.9px;color:#899084;font-weight:700;padding:0 10px 11px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;padding:11px 11px;background:transparent;color:#525c51;text-align:left;font-size:13px}.nav-item:hover,.nav-item.active{background:#eef2e9;color:#415c37}.nav-icon{font-size:18px;color:#657e59}.nav-count{margin-left:auto;padding:3px 8px;background:#e9ece5;border-radius:12px;color:#6a7467;font-size:11px}.category-heading{margin-top:31px;display:flex;align-items:center;justify-content:space-between}.tiny-action{border:0;border-radius:6px;background:transparent;color:#78816f;font-size:16px}.tiny-action:hover{background:#f0f2ed}.category-list{margin:0;padding:0;list-style:none}.category-list button{width:100%;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 11px;text-align:left;color:#5f695c;font-size:12px}.category-list button:hover,.category-list button.selected{background:#f2f4ef;color:#3f5a35}.cat-square{width:9px;height:9px;border-radius:3px;background:#79936d;flex:none}.category-list li:nth-child(4n+2) .cat-square{background:#579279}.category-list li:nth-child(4n+3) .cat-square{background:#c38d50}.category-list li:nth-child(4n+4) .cat-square{background:#678eb1}.cat-count{margin-left:auto;color:#899184;font-size:11px}.nav-empty{padding:1px 11px;font-size:11px;line-height:1.7;color:#91978e}.sidebar-spacer{flex:1;min-height:20px}.storage-card{display:flex;gap:11px;padding:14px 11px;margin:0 1px 15px;border:1px solid #e7ebdf;background:#f8faf5;border-radius:11px}.storage-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;flex:none;background:#e9efe3;color:#506845;font-size:18px}.storage-card b{display:block;color:#394331;font-size:12px;margin:1px 0 4px}.storage-card p{font-size:11px;line-height:1.55;color:#737c6e;margin:0}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #eceee8;padding:14px 3px 2px}.avatar,.top-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e8eee2;color:#4f6645;font-size:11px;font-weight:700}.profile b{display:block;color:#40483c;font-size:12px}.profile small{display:block;color:#8a9185;font-size:10px;margin-top:3px}.main{min-height:100vh;margin-left:258px}.topbar{height:66px;padding:0 43px;background:#fff;border-bottom:1px solid #e9ebe5;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#80877d;font-size:12px}.breadcrumb span{margin:0 10px;color:#c4c8be}.breadcrumb b{color:#3d453a;font-weight:600}.top-actions{display:flex;align-items:center;gap:14px}.device-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e4ebdf;border-radius:20px;background:#f8faf6;color:#477347;font-size:11px}.device-pill i,.section-hint i{width:7px;height:7px;border-radius:50%;background:#52a36c;box-shadow:0 0 0 3px #52a36c1b}.device-pill.offline{color:#858578;background:#fafaf7;border-color:#ebebe6}.device-pill.offline i{background:#aaa999;box-shadow:0 0 0 3px #aaa9991c}.top-avatar{width:31px;height:31px}.content{width:min(100%,1320px);margin:auto;padding:39px 43px 20px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{margin-bottom:9px;color:#78816c;font-size:10px;font-weight:700;letter-spacing:1.1px}.welcome-row h1{margin:0;color:#282e26;font-family:Manrope,sans-serif;font-size:29px;font-weight:700;letter-spacing:-.7px}.page-subtitle{margin:8px 0 0;color:#777e73;font-size:13px;line-height:1.6}.heading-meta{padding-bottom:3px}.privacy-label{padding:7px 10px;border:1px solid #e8eae4;border-radius:20px;background:#fff;color:#767d72;font-size:10px}.add-panel{margin-bottom:18px;padding:19px 19px 11px;border:1px solid #e4e8dc;border-radius:12px;background:#fff;box-shadow:0 3px 10px #26331e08}.add-intro{display:flex;align-items:center;gap:12px;margin-bottom:16px}.add-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef2e9;color:#526d47;font-size:18px}.add-intro h2{margin:0;color:#30382c;font-size:15px;font-weight:700}.add-intro p{margin:4px 0 0;color:#778071;font-size:12px}.form-row{display:grid;grid-template-columns:1.2fr .9fr auto;align-items:end;gap:12px}.form-row label{display:block;min-width:0}.form-row label>span,.edit-field>span{display:block;margin-bottom:7px;color:#646e60;font-size:10px;font-weight:700;letter-spacing:.45px}.form-row label small{margin-left:4px;color:#979d92;font-size:9px}.form-row input,.search-box input,.edit-field textarea,.edit-field input{width:100%;outline:0;border:1px solid #dfe4da;border-radius:8px;background:#fff;color:#30372f;padding:11px 12px;font-size:12px}.form-row input:focus,.search-box:focus-within,.edit-field textarea:focus,.edit-field input:focus{border-color:#819471;box-shadow:0 0 0 3px #778a6319}.form-row input::placeholder,.search-box input::placeholder,.edit-field textarea::placeholder{color:#a1a69d}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:8px;background:#536e49;color:#fff;padding:11px 15px;font-size:12px;font-weight:600;box-shadow:0 2px 5px #33422917;transition:background .15s,transform .15s}.primary-button:hover{background:#425b39;transform:translateY(-1px)}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}.submit-button{min-height:41px;white-space:nowrap}.submit-button b{font-size:16px;font-weight:500}.form-message{min-height:16px;margin-top:8px;color:#546f49;font-size:11px}.form-message.error{color:#bd4b46}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 23px}.overview-card{min-height:82px;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e8eae3;border-radius:10px;background:#fff}.overview-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;background:#edf0e8;color:#576d4d;font-size:16px}.overview-icon.green{background:#e9f3eb;color:#428056}.overview-icon.amber{background:#f6efe4;color:#a47a3f}.overview-icon.blue{background:#e9eff3;color:#56748a}.overview-card small{display:block;margin-bottom:4px;color:#81877c;font-size:9px;font-weight:700;letter-spacing:.28px;line-height:1.35}.overview-card b{display:block;color:#30372d;font-family:Manrope,sans-serif;font-size:19px;line-height:1.2}.overview-card b.device-value{font-family:'DM Sans',sans-serif;font-size:12px;color:#4d7648}.overview-card b.device-value.offline{color:#86877b}.library-section{padding:19px 18px 8px;border:1px solid #e8eae3;border-radius:12px;background:#fff;box-shadow:0 3px 10px #26331e06}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h2{margin:0;color:#30372d;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.section-heading p{margin:5px 0 0;color:#7c8378;font-size:11px}.section-hint{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e8eae3;border-radius:20px;background:#fafbf8;color:#747b70;font-size:10px}.section-hint i{width:6px;height:6px}.toolbar{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eceee8}.tabs{height:45px;display:flex;align-items:center;gap:20px}.tab{height:100%;padding:1px 2px 0;border:0;border-bottom:2px solid transparent;background:none;color:#778073;font-size:11px;white-space:nowrap}.tab.active{border-bottom-color:#657d57;color:#405637;font-weight:700}.tab span{margin-left:4px;color:#92988e;font-size:10px}.toolbar-right{display:flex;align-items:center;gap:7px}.search-box{display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #e1e5dd;border-radius:7px;background:#fff}.search-box>span{color:#81897d;font-size:16px}.search-box input{width:140px;padding:8px 0;border:0;background:transparent;font-size:11px}.toolbar select{padding:8px 9px;border:1px solid #e1e5dd;border-radius:7px;background:#fff;color:#576151;font-size:10px}.view-button{width:31px;height:31px;border:1px solid #e1e5dd;border-radius:7px;background:#fff;color:#626e5d;font-size:16px}.repo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding-top:13px}.repo-grid.list-view{grid-template-columns:1fr}.repo-card{min-width:0;padding:13px 13px 11px;border:1px solid #e5e8e0;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.repo-card:hover{transform:translateY(-1px);border-color:#cbd5c2;box-shadow:0 6px 16px #26331e0b}.card-top{display:flex;align-items:flex-start;gap:9px}.repo-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;background:#edf2e9;color:#536d48;font-size:13px;font-weight:700}.repo-name{min-width:0;flex:1}.repo-name h3{margin:1px 0 4px;overflow:hidden;color:#31382e;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.repo-name a{color:inherit;text-decoration:none}.repo-name a:hover{color:#536d48}.repo-owner{color:#838a7f;font-size:10px}.repo-type{padding:4px 6px;border:1px solid #e9ebe5;border-radius:5px;color:#838a7d;font-size:9px}.repo-description{display:-webkit-box;min-height:34px;margin:10px 0 8px;overflow:hidden;color:#687165;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-text{margin:7px 0 8px;overflow:hidden;color:#697a55;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.error-message{margin:7px 0;padding:8px 9px;border:1px solid #f0ddd7;border-radius:7px;background:#fff6f3;color:#a84740;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.tag{padding:4px 7px;border:1px solid #e9ebe5;border-radius:20px;background:#f7f8f5;color:#6f786a;font-size:9px;white-space:nowrap}.tag.category{border-color:#e3e9dd;background:#f0f3ec;color:#526b48}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding-top:9px;border-top:1px solid #eff0eb}.language{color:#687264;font-size:10px}.language i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#c6a854}.repo-meta{display:flex;align-items:center;gap:7px;color:#81897e;font-size:9px}.repo-meta .star{color:#a47b36}.download-status{color:#96703a;font-size:9px;white-space:nowrap}.download-status.ready{color:#357a4c}.download-status.error{color:#b74742}.card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.card-action{padding:6px 8px;border:1px solid #e2e6dd;border-radius:6px;background:#fff;color:#5c6758;font-size:9px;text-decoration:none}.card-action:hover{border-color:#bdcbb4;background:#f7f9f5;color:#405d35}.card-action.primary{border-color:#dce5d5;background:#f2f5ef;color:#49653d}.card-action.danger{color:#9c4d47}.empty-state{padding:51px 19px 46px;text-align:center}.empty-art{position:relative;display:grid;width:57px;height:57px;margin:0 auto 14px;place-items:center;border-radius:16px;background:#edf2e9;color:#546e49;font-size:26px}.empty-art i{position:absolute;top:-5px;right:-5px;color:#a68a50;font-size:14px;font-style:normal}.empty-state h2{margin:0;color:#333b30;font-family:Manrope,sans-serif;font-size:17px}.empty-state p{max-width:420px;margin:9px auto 16px;color:#777f74;font-size:11px;line-height:1.7}.empty-state .primary-button{font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding:11px 2px;color:#858c81;font-size:9px}footer b{color:#50594c}.footer-led{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:#63a276}.mobile-menu{display:none;border:0;background:none;color:#485342;font-size:20px}.nav-backdrop{display:none}.hidden{display:none!important}.toast{position:fixed;right:19px;bottom:19px;z-index:30;max-width:min(430px,calc(100% - 30px));padding:12px 15px;transform:translateY(8px);border:1px solid #e2e6dc;border-radius:9px;background:#fff;color:#364130;font-size:11px;box-shadow:0 8px 25px #20291b17;opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translateY(0);opacity:1}
.login-page{display:grid;min-height:100vh;padding:20px;place-items:center;background:#f7f7f4}.login-card{width:min(100%,390px);padding:32px;border:1px solid #e5e8df;border-radius:14px;background:#fff;box-shadow:0 18px 55px #29331e0d}.login-card .brand{padding:0 0 36px}.login-card h1{margin:0;color:#273024;font-family:Manrope,sans-serif;font-size:25px}.login-card>p{margin:9px 0 24px;color:#747d70;font-size:13px}.login-card label{display:block;margin-bottom:7px;color:#626d5e;font-size:10px;font-weight:700;letter-spacing:.6px}.login-card input{width:100%;padding:12px;border:1px solid #dfe4da;border-radius:8px;color:#30372f;font-size:13px;outline:0}.login-card input:focus{border-color:#819471}.login-card>.primary-button{width:100%;margin-top:14px;padding:12px;font-size:13px}.login-card>.primary-button span{margin-left:auto}.login-message{min-height:15px;margin-top:10px;color:#566f4b;font-size:11px}.login-message.error{color:#b74742}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;padding:18px;backdrop-filter:blur(3px);background:#18231d66;place-items:center}.file-modal,.edit-modal{display:flex;width:min(100%,680px);max-height:min(86vh,740px);flex-direction:column;overflow:hidden;border:1px solid #e3e7df;border-radius:13px;background:#fff;box-shadow:0 20px 60px #1a211633}.file-modal>header,.file-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #eceee8;font-size:11px}.file-modal>footer{border-top:1px solid #eceee8;border-bottom:0;color:#7b8378}.file-modal>footer a{color:#516d46;text-decoration:none}.file-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;color:#879082;font-size:10px}.file-breadcrumb button{padding:0;border:0;background:none;color:#536e48;font-size:10px}.file-list{overflow:auto;padding:9px 12px}.file-entry{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-radius:7px;background:transparent;color:#4a5546;text-align:left;font-size:11px}.file-entry:hover{background:#f3f5f0}.file-arrow{margin-left:auto;color:#879082}.parent-entry{color:#627952}.file-content{margin:0;padding:17px;overflow:auto;color:#424b3e;font:11px/1.7 Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.file-empty{padding:10px;color:#879082;font-size:11px}.edit-modal{width:min(100%,510px);padding:22px;overflow:auto}.edit-modal>header{display:flex;align-items:flex-start;gap:12px}.edit-modal-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:10px;background:#edf2e9;color:#536d47;font-size:18px}.edit-modal h2{margin:0;color:#30382c;font-family:Manrope,sans-serif;font-size:17px}.edit-modal header p{margin:5px 0 0;color:#778071;font-size:11px}.edit-modal header .icon-button{margin-left:auto;border:0;background:none;color:#798174;font-size:22px}.edit-repo-name{margin:17px 0;padding:10px 11px;border:1px solid #e8ebe4;border-radius:7px;background:#f8f9f6;color:#788073;font-size:11px}.edit-repo-name b{color:#384231}.edit-field{display:block;margin:13px 0}.edit-field>span{margin-bottom:7px}.edit-field textarea{min-height:90px;resize:vertical;line-height:1.55}.edit-field input{height:41px}.edit-modal>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.secondary-button{padding:10px 14px;border:1px solid #dfe4da;border-radius:7px;background:#fff;color:#5a6556;font-size:11px}.secondary-button:hover{background:#f6f7f4}
@media(min-width:1500px){.content{padding-top:47px}.repo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-card{min-height:88px}}
@media(max-width:1100px){.content{padding-right:27px;padding-left:27px}.topbar{padding-right:27px;padding-left:27px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #1d241d20}.sidebar.open{transform:translateX(0)}.nav-backdrop.visible{position:fixed;inset:0;z-index:4;display:block;background:#1c241e44}.main{margin-left:0}.topbar{height:57px;padding:0 15px}.topbar-left{display:flex;align-items:center;gap:9px}.mobile-menu{display:block}.breadcrumb{font-size:10px}.top-actions{gap:8px}.device-pill{padding:7px 9px;font-size:9px}.top-avatar{width:29px;height:29px}.content{padding:25px 16px 15px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row h1{font-size:24px}.page-subtitle{font-size:11px}.privacy-label{font-size:9px}.form-row{grid-template-columns:1fr}.submit-button{justify-self:start}.overview-grid{gap:8px;margin-bottom:17px}.overview-card{min-height:72px;padding:10px}.overview-icon{width:31px;height:31px}.overview-card small{font-size:8px}.overview-card b{font-size:17px}.library-section{padding:15px 12px 7px}.section-heading{align-items:flex-start}.section-hint{padding:6px 8px;font-size:9px}.toolbar{align-items:stretch;flex-direction:column;padding-top:4px;padding-bottom:8px}.tabs{height:39px;justify-content:space-between;gap:5px}.tab{font-size:10px}.toolbar-right{width:100%;justify-content:flex-end}.search-box{flex:1}.search-box input{width:100%}.repo-grid{gap:8px;padding-top:10px}.repo-card{padding:11px}.nav-empty{font-size:12px}footer{font-size:8px}}
@media(max-width:430px){.content{padding-right:12px;padding-left:12px}.welcome-row{flex-direction:column}.heading-meta{padding:0}.overview-card{gap:8px;padding:8px}.overview-card small{font-size:7px}.device-pill{max-width:190px}.device-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-grid{grid-template-columns:1fr}.section-heading p{max-width:230px;line-height:1.5}.section-hint{max-width:125px;text-align:center}.tabs{gap:2px}.tab{font-size:9px}.toolbar select{max-width:112px}.empty-state{padding:40px 11px}.empty-state h2{font-size:15px}.empty-state p{font-size:10px}.edit-modal{padding:17px}}