:root{--ink:#172018;--muted:#687168;--line:#e6e9e5;--paper:#fff;--soft:#f7f8f6;--green:#1e6a48;--lime:#dcf36d;--red:#e85847;--orange:#e99b38;--blue:#5781de;--purple:#9565d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Inter,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#f7f8f6;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:2}.brand{font-size:21px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:8px;padding:0 10px}.brand-mark{color:var(--green);font-size:17px}.new-issue{border:0;background:var(--ink);color:white;border-radius:7px;padding:11px 12px;margin:28px 0 24px;text-align:left;font-weight:600;font:inherit}.new-issue span{font-size:18px;margin-right:7px}.new-issue kbd{float:right;color:#b6bdb6;font-weight:400}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8d968d;margin:15px 10px 7px}.settings-label{margin-top:28px}.nav-item{width:100%;border:0;background:transparent;text-align:left;border-radius:6px;padding:10px;color:#526055;font:inherit;display:flex;gap:10px;align-items:center}.nav-item:hover,.nav-item.active{background:#e9ede8;color:var(--ink);font-weight:600}.nav-item em{margin-left:auto;background:#dfe4de;border-radius:8px;padding:1px 6px;font-size:11px;font-style:normal}.profile{margin-top:auto;border-top:1px solid var(--line);padding:17px 5px 0;display:flex;align-items:center;gap:9px}.avatar{background:#d9e4ca;color:var(--green);font-size:11px;font-weight:700;border-radius:50%;padding:8px 5px}.profile b,.profile small{display:block;font-size:12px}.profile small{color:var(--muted);font-size:11px;margin-top:2px}.chevron{margin-left:auto;color:var(--muted)}.content{margin-left:250px;width:calc(100% - 250px);max-width:1450px;padding:52px 7.5%}.view{display:none}.view.active{display:block}.narrow{max-width:800px}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:600;color:var(--green);margin:0 0 8px}h1{font-size:30px;letter-spacing:-1.15px;margin:0}.primary,.secondary{font:600 13px Inter;border:1px solid transparent;border-radius:6px;padding:10px 14px;cursor:pointer}.primary{background:var(--ink);color:#fff}.primary:hover{background:#344238}.secondary{background:#fff;border-color:#d8ddd7;color:#3c473e}.searchbar{height:47px;border:1px solid #cfd5cf;border-radius:7px;display:flex;align-items:center;padding:0 13px;gap:9px;margin-bottom:12px}.searchbar input{border:0;outline:0;font:14px Inter;width:100%;color:var(--ink)}kbd{font:11px 'DM Mono',monospace;color:#7d887e;border:1px solid #d8ddd7;border-radius:4px;padding:2px 5px;background:#fafbfa}.filters{display:flex;align-items:center;gap:8px;margin:14px 0 29px}.filter{padding:7px 10px;background:#fff;border:1px solid #d9ded9;border-radius:5px;color:#445046;font:12px Inter}.filter span{margin-left:13px;color:#748075}.clear-filters{border:0;background:transparent;color:#6e786f;font:12px Inter;margin-left:5px}.list-head{padding:0 13px 10px;display:flex;justify-content:space-between;color:#778077;font-size:12px;border-bottom:1px solid var(--line)}.sort{border:0;background:transparent;color:#6c766d;font:12px Inter}.issue-row{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:16px 13px;display:grid;grid-template-columns:26px 1fr auto;gap:11px;align-items:start;text-align:left;cursor:pointer;font:inherit}.issue-row:hover{background:#fafbf9}.issue-id{font:11px 'DM Mono';color:#9aa39b;padding-top:3px}.issue-title{font-weight:500;line-height:1.35}.issue-meta{color:#768076;font-size:12px;margin-top:6px}.pill{border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;white-space:nowrap}.pill.todo{background:#eceeeb;color:#5c665e}.pill.progress{background:#e8f0fe;color:#456ab5}.pill.review{background:#fff2dc;color:#ad731f}.pill.done{background:#def4e7;color:#28724d}.back{border:0;background:transparent;padding:0;color:#667267;font:13px Inter;margin-bottom:25px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:52px}.issue-key{font:12px 'DM Mono';color:#7d887d;margin:0 0 12px}.detail-title{font-size:30px;letter-spacing:-1.2px;margin:0 0 19px}.detail-body{font-size:15px;line-height:1.7;color:#3e493f;border-bottom:1px solid var(--line);padding-bottom:26px}.detail-body code{background:#f1f3ef;padding:2px 4px;border-radius:3px}.comments-title{font-size:15px;margin:28px 0 16px}.comment{display:flex;gap:10px;margin:20px 0}.comment-text{background:#f7f8f6;border-radius:0 7px 7px 7px;padding:11px 13px;line-height:1.5;flex:1}.comment-info{font-size:12px;margin-bottom:5px}.comment-info span{color:#869087;margin-left:7px}.comment-editor textarea{width:100%;height:84px;border:1px solid #d7dcd7;border-radius:6px;padding:10px;font:13px Inter;resize:vertical}.comment-editor .primary{margin-top:8px;float:right}.details-side{border-left:1px solid var(--line);padding-left:22px}.details-side dt{color:#8a938b;text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-top:18px}.details-side dd{margin:7px 0;color:#3d483f;font-size:13px}.label-dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:6px}.issue-form label{display:block;font-weight:600;margin:19px 0}.issue-form input,.issue-form select{width:100%;height:42px;margin-top:8px;border:1px solid #d5dbd5;border-radius:6px;padding:0 11px;font:14px Inter;background:#fff}.hint{float:right;color:#899289;font-size:11px;font-weight:400}.editor{border:1px solid #d5dbd5;border-radius:6px;margin-top:8px;overflow:hidden}.editor-tools{padding:8px 10px;border-bottom:1px solid var(--line);display:flex;gap:15px;color:#667067;font-size:12px}.editor textarea{border:0;width:100%;height:145px;padding:12px;resize:vertical;font:14px Inter;outline:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.label-picker{border:1px solid #d5dbd5;border-radius:6px;margin-top:8px;padding:8px;display:flex;gap:7px;flex-wrap:wrap}.label-check{padding:5px 8px;border-radius:13px;font-size:11px;border:1px solid #dce0dc;background:white;cursor:pointer}.label-check.selected{background:#edf3e7;border-color:#a9c6a4}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.card-list,.manage-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}.project-row,.manage-row{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.project-row:last-child,.manage-row:last-child{border-bottom:0}.project-name{font-weight:600}.project-row small{display:block;color:#778077;margin-top:4px}.row-actions{border:0;background:transparent;color:#7d867e;font-size:18px}.settings-tabs{border-bottom:1px solid var(--line);display:flex;gap:22px;margin-bottom:20px}.tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 11px;font:600 13px Inter;color:#7b857c}.tab.active{border-color:var(--green);color:var(--ink)}.settings-copy{color:#6b756c;margin-bottom:19px}.setting-name{font-weight:600}.setting-desc{font-size:12px;color:#7d867d;margin-top:3px}.add-setting{margin-top:14px}.toast{position:fixed;bottom:22px;right:22px;background:#1f2a22;color:white;padding:11px 15px;border-radius:6px;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.mobile-header{display:none}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.content{margin:0;width:100%;padding:20px}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.mobile-header button{border:0;background:transparent;font-size:20px;color:var(--ink)}.page-head{margin-bottom:22px}.page-head h1{font-size:26px}.filters{overflow:auto;margin-bottom:20px}.clear-filters{display:none}.issue-row{grid-template-columns:22px 1fr auto;padding:15px 4px}.detail-layout{grid-template-columns:1fr;gap:20px}.details-side{border:0;border-top:1px solid var(--line);padding:5px 0}.form-row{grid-template-columns:1fr}.content .create-trigger{display:none}.new-issue{margin-top:20px}}
