@font-face{font-family:Gotham Pro;src:url(/%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B/Gotham%20Pro/GothaProReg.otf) format("opentype");font-weight:400}@font-face{font-family:Gotham Pro;src:url(/%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B/Gotham%20Pro/GothaProMed.otf) format("opentype");font-weight:500}@font-face{font-family:Gotham Pro;src:url(/%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B/Gotham%20Pro/GothaProBol.otf) format("opentype");font-weight:700}@font-face{font-family:Gotham Pro;src:url(/%D0%A8%D1%80%D0%B8%D1%84%D1%82%D1%8B/Gotham%20Pro/GothaProBla.otf) format("opentype");font-weight:900}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a1a1a;--primary-dark: #000000;--accent: #C9A84C;--accent-dark: #a8893a;--danger: #c62828;--success: #388e3c;--bg: #f5f5f5;--card: #ffffff;--text: #1a1a1a;--text-secondary: #757575;--border: #e0e0e0;--radius: 12px}body{font-family:Gotham Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:opacity .15s}button:active{opacity:.75}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1a1a;font-weight:600}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--primary);padding:8px 12px}.btn-block{width:100%}input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:15px;background:#fff;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 4px #00000014;padding:16px}.page{padding:16px;max-width:600px;margin:0 auto}.topbar{position:sticky;top:0;z-index:100;background:#1a1a1a;color:#fff;padding:0 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0006;border-bottom:2px solid var(--accent);min-height:56px}.topbar h1{font-size:17px;font-weight:600;flex:1;color:#fff}.topbar button{color:var(--accent);padding:6px 10px;font-size:14px}.navbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;z-index:100}.navbar a{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 4px;text-decoration:none;color:var(--text-secondary);font-size:11px;gap:3px}.navbar a.active{color:var(--accent)}.navbar a svg{width:24px;height:24px}.content{padding-bottom:70px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.list-item:last-child{border-bottom:none}.list-item:active{background:#f5f5f5}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.badge-green{background:#e8f5e9;color:var(--success)}.badge-red{background:#ffebee;color:var(--danger)}.badge-blue{background:#fdf6e3;color:var(--accent-dark)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:13px;color:var(--text-secondary);font-weight:500}.error-msg{color:var(--danger);font-size:14px;text-align:center;padding:8px}.empty-msg{color:var(--text-secondary);text-align:center;padding:40px 16px;font-size:15px}.search-input{width:100%;box-sizing:border-box}.tag{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:4px 12px;font-size:12px;cursor:pointer;color:var(--text-secondary);font-family:inherit}.tag-active{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}.avatar{width:42px;height:42px;border-radius:50%;background:#1a1a1a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.tool-photo{width:42px;height:42px;border-radius:8px;object-fit:cover;background:var(--border);flex-shrink:0}.tool-photo-placeholder{width:42px;height:42px;border-radius:8px;background:var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}
