.home-back{border:0;background:#f4f6f8;color:#5d6977;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600;white-space:nowrap}.home-back:hover{background:#e9eef4;color:#344256}
.home{position:fixed;inset:0;z-index:50;background:#f7f8f8;color:#29343c;overflow:auto}.home-top{height:68px;background:#fff;border-bottom:1px solid #e8ebec;display:flex;align-items:center;gap:17px;padding:0 32px}.home-brand{font-size:21px;font-weight:750;letter-spacing:-.9px;color:#233039}.home-brand span{color:#5673dd}.home-top-label{border-left:1px solid #e5e9eb;padding-left:17px;color:#8d979f;font-size:12px}.home-top-new{margin-left:auto;background:#546fe8;border:1px solid #546fe8;border-radius:8px;color:#fff;padding:9px 15px;font-size:12px;font-weight:650}.home-top-new:hover,.home-new:hover{background:#435fd7}
.home-main{max-width:1180px;margin:0 auto;padding:66px 40px 100px}.home-kicker{font-size:11px;font-weight:750;letter-spacing:.19em;color:#91a5a1;margin-bottom:14px}.home-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:58px}.home-intro h1{font-size:34px;letter-spacing:-1.1px;margin:0 0 10px;font-weight:720;color:#26353d}.home-intro p{margin:0;color:#89969c;font-size:13px;line-height:1.6}.home-main-actions{display:flex;gap:10px;white-space:nowrap}.home-main-actions button{border-radius:8px;padding:11px 16px;font-size:12px;font-weight:650}.home-import{background:#fff;border:1px solid #dee5e6;color:#55646c}.home-import:hover{background:#f3f6f6}.home-new{background:#546fe8;border:1px solid #546fe8;color:#fff}.home-list-label{display:flex;align-items:baseline;gap:11px;margin-bottom:17px}.home-list-label strong{font-size:16px;font-weight:700;color:#35434a}.home-list-label span{font-size:12px;color:#9ba7aa}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.project-card,.project-create-card{min-width:0;background:#fff;border:1px solid #e4e8e8;border-radius:13px;overflow:hidden;box-shadow:0 3px 13px #253c4410}.project-card:hover,.project-create-card:hover{border-color:#b4c6c4;box-shadow:0 11px 28px #253c4418;transform:translateY(-2px)}.project-card,.project-create-card{transition:transform .18s,border-color .18s,box-shadow .18s}.project-open{display:block;width:100%;border:0;background:#fff;text-align:left;padding:0;color:inherit}.project-open>svg,.project-preview-empty{display:block;width:100%;height:156px;background:#f6f8f7;border-bottom:1px solid #e7eeeb}.project-open>svg{object-fit:contain}.project-preview-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#a9b8b4;background-color:#f8faf9;background-image:linear-gradient(#eef2f1 1px,transparent 1px),linear-gradient(90deg,#eef2f1 1px,transparent 1px);background-size:20px 20px}.project-preview-empty span{width:39px;height:39px;border-radius:11px;background:#fff;border:1px solid #dfe8e4;display:grid;place-items:center;font-size:24px;font-weight:300;box-shadow:0 2px 8px #27493c0d}.project-preview-empty small{font-size:11px}.project-card-title{display:block;margin:14px 15px 5px;color:#344149;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-meta{display:block;margin:0 15px 12px;color:#9aa5aa;font-size:11px}.project-card-actions{border-top:1px solid #f0f2f2;display:flex;justify-content:flex-end;gap:5px;padding:8px 10px}.project-card-actions button{border:0;background:transparent;border-radius:5px;padding:5px 8px;color:#859297;font-size:11px}.project-card-actions button:hover{background:#f1f5f4;color:#485b61}.project-card-actions [data-delete]:hover{color:#bc6867;background:#fbf1f0}
.project-create-card{min-height:263px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border-style:dashed;background:#f9fbfa;color:#536d66}.project-create-card span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c8d9d3;border-radius:12px;background:#fff;font-size:30px;font-weight:300;color:#6f9488}.project-create-card strong{font-size:14px}.project-create-card small{font-size:11px;color:#a5b4af}.home-local-note{margin-top:30px;color:#9aa6a8;font-size:11px;line-height:1.6}
@media(max-width:700px){.home-top{padding:0 18px}.home-top-label{display:none}.home-main{padding:44px 20px 70px}.home-intro{display:block;margin-bottom:38px}.home-intro h1{font-size:29px}.home-main-actions{margin-top:24px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.project-create-card{min-height:235px}}