:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f7f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #171717;outline-offset:2px}.shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100dvh}.sidebar{display:flex;flex-direction:column;padding:24px 14px 18px;background:#181818;color:#bdbdbd}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.02em}.mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:#fff;color:#171717;font-size:15px;font-weight:800;letter-spacing:-.04em}.side-label{margin:54px 11px 12px;color:#777;font-size:10px;font-weight:700;letter-spacing:.1em}.side-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border-radius:8px;color:#dedede;font-size:13px;font-weight:600}.side-item.selected{background:#303030;color:#fff}.side-item>span{width:17px;font-size:17px;font-weight:400;text-align:center}.side-item b{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;border-radius:5px;background:#484848;font-size:10px}.side-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 8px 0;border-top:1px solid #393939}.side-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#454545;color:#fff;font-size:11px;font-weight:700}.side-bottom strong,.side-bottom small{display:block}.side-bottom strong{color:#f4f4f4;font-size:11px;font-weight:600}.side-bottom small{margin-top:2px;color:#999;font-size:10px}.side-bottom button{margin-left:auto;border:0;background:transparent;color:#aaa;font-size:18px}.side-bottom button:hover{color:#fff}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 34px;border-bottom:1px solid #e4e4e4;background:#fff;font-size:12px;font-weight:650}.breadcrumb{color:#898989;font-weight:400}.topbar button{border:0;background:transparent;color:#4a4a4a;font-size:12px;font-weight:600}.topbar button:hover{color:#000}.topbar button:disabled{color:#999;cursor:default}.content{max-width:1400px;margin:auto;padding:37px 34px 48px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-head h1{display:flex;align-items:center;gap:11px;margin:0;font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1.15}.count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:6px;background:#e9e9e9;color:#4a4a4a;font-size:11px;font-weight:650;letter-spacing:0}.page-head p{margin:7px 0 0;color:#626262;font-size:12px}.project-chip{padding:8px 10px;border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#5b5b5b;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.filters{display:flex;gap:4px;margin-bottom:14px}.filters button{padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#666;font-size:12px;font-weight:600}.filters button:hover{color:#171717;background:#eee}.filters button.active{border-color:#dedede;background:#fff;color:#171717}.inbox-grid{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);min-height:570px;overflow:hidden;border:1px solid #dedede;border-radius:12px;background:#fff}.list{min-width:0;overflow:auto;border-right:1px solid #e5e5e5}.item{display:block;width:100%;padding:17px 18px;border:0;border-bottom:1px solid #ececec;background:#fff;text-align:left}.item:hover{background:#f8f8f8}.item.active{background:#f3f3f3;box-shadow:inset 3px 0 #171717}.item-top,.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-top time{color:#707070;font-size:10px;white-space:nowrap}.type{display:inline-block;padding:4px 7px;border:1px solid #dedede;border-radius:5px;background:#f5f5f5;color:#333;font-size:10px;font-weight:700;letter-spacing:.025em;text-transform:capitalize}.item>strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:13px 0 14px;color:#202020;font-size:13px;font-weight:620;line-height:1.45}.item-bottom{color:#6b6b6b;font-size:11px}.item-bottom>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{color:#565656;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#888;vertical-align:1px}.status.new:before{background:#171717}.status.reviewing:before{background:#737373}.status.done:before{background:#bebebe}.detail{min-width:0;padding:30px 34px 40px}.detail-top{display:flex;align-items:center;justify-content:space-between}.detail h2{max-width:680px;margin:27px 0 12px;color:#171717;font-size:23px;font-weight:640;letter-spacing:-.03em;line-height:1.35;overflow-wrap:anywhere}.detail-meta{color:#666;font-size:11px}.divider{height:1px;margin:28px 0 23px;background:#e8e8e8}.detail-label{margin-bottom:11px;color:#5b5b5b;font-size:10px;font-weight:700;letter-spacing:.08em}.detail dl{margin:0}.detail dl>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.detail dt{color:#686868}.detail dd{margin:0;color:#252525;font-weight:550;overflow-wrap:anywhere}.status-actions{display:flex;flex-wrap:wrap;gap:7px}.status-actions button{padding:8px 11px;border:1px solid #d9d9d9;border-radius:7px;background:#fff;color:#555;font-size:11px;font-weight:650}.status-actions button:hover{background:#f2f2f2}.status-actions button.active{border-color:#171717;background:#171717;color:#fff}.empty,.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:30px;text-align:center}.empty span{color:#919191;font-size:28px}.empty strong{margin:12px 0 5px;color:#242424;font-size:16px;font-weight:650}.empty small,.detail-empty{color:#6d6d6d;font-size:12px}.error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid #d3d3d3;border-radius:8px;background:#efefef;color:#252525;font-size:12px}.error button{border:0;background:transparent;color:#171717;font-size:11px;font-weight:700;text-decoration:underline}.login-screen{display:grid;place-items:center;min-height:100dvh;padding:20px;background:#f5f5f5}.login-card{width:min(390px,100%);padding:31px;border:1px solid #dedede;border-radius:13px;background:#fff;box-shadow:0 12px 36px #0000000b}.login-card .mark{margin-bottom:29px;background:#171717;color:#fff}.login-card h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.035em}.login-card p{margin:8px 0 0;color:#626262;font-size:12px;line-height:1.5}.login-card form{margin-top:29px}.login-card label{display:block;margin-bottom:8px;color:#363636;font-size:11px;font-weight:650}.login-card input{width:100%;height:42px;padding:0 11px;border:1px solid #cfcfcf;border-radius:7px;outline:none;background:#fff;color:#171717}.login-card input:focus{border-color:#171717;box-shadow:0 0 0 2px #1717171a}.login-card form button{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;margin-top:13px;padding:0 13px;border:1px solid #171717;border-radius:7px;background:#171717;color:#fff;font-size:12px;font-weight:650}.login-card form button:hover{background:#333}.submission-image{display:block;width:fit-content;max-width:100%;margin-top:20px;padding:7px;border:1px solid #dedede;border-radius:8px;background:#f8f8f8}.submission-image img{display:block;max-width:100%;max-height:360px;margin:auto;border-radius:4px;object-fit:contain}.image-loading,.image-error{margin-top:18px;color:#666;font-size:11px}@media(max-width:850px){.shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:18px 9px}.brand{justify-content:center;padding:0}.brand>span:last-child,.side-label,.side-item,.side-bottom>div,.side-bottom button{display:none}.side-bottom{justify-content:center}.content{padding:30px 20px}.topbar{padding:0 20px}}@media(max-width:650px){.shell{display:block}.sidebar{height:56px;flex-direction:row;align-items:center;padding:8px 14px}.brand>span:last-child{display:inline}.side-bottom{margin:0 0 0 auto;padding:0;border:0}.topbar{height:46px}.content{padding:25px 14px}.page-head{align-items:flex-start}.project-chip{display:none}.inbox-grid{grid-template-columns:1fr}.list{max-height:270px;border-right:0;border-bottom:1px solid #e5e5e5}.detail{padding:24px 20px 32px}}
