:root{color:#121212;background:#f5f6f8;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:8px;background:#101726;color:#fff;cursor:pointer;padding:10px 14px}button:disabled{cursor:default;opacity:.55}input,select{width:100%;padding:10px 12px;border:1px solid #d1d5dc;border-radius:8px;background:#fff}.app-shell{display:flex;flex-direction:column;gap:16px;padding:20px}.app-header,.filters-bar,.panel{background:#fff;border:1px solid #dfe3ea;border-radius:8px}.app-header{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);padding:20px}.app-header h1,.panel-header h2,.detail-section h3{margin:0}.app-header p{margin:8px 0 0;color:#5d6471}.token-form,.filters-bar,.admin-controls{display:grid;gap:12px}.token-form label,.filters-bar label{display:grid;gap:6px;font-size:.92rem;color:#303644}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto}.filters-bar{grid-template-columns:repeat(6,minmax(0,1fr)) auto;padding:16px}.secondary-button{background:#eef1f6;color:#1d2430}.notification-panel{display:grid;gap:10px;padding:12px;border:1px solid #e6e9ef;border-radius:8px;background:#fafbfc}.notification-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-panel span,.notification-panel p{margin:0;color:#677081;font-size:.9rem}.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.error-banner{padding:12px 14px;border-radius:8px;border:1px solid #efb4b4;background:#fff4f4;color:#8e1f1f}.content-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;min-height:65vh}.panel{display:flex;flex-direction:column;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef1f6}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.status-actions button{background:#eef1f6;color:#1d2430}.list-scroll,.detail-scroll{overflow:auto;padding:14px}.list-scroll{display:flex;flex-direction:column;gap:10px}.list-item{width:100%;text-align:left;background:#fff;color:#111;border:1px solid #dfe3ea;padding:14px}.list-item.selected{border-color:#3478f6;background:#f6f9ff}.list-item-top,.list-item-meta,.subtle-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-item-meta,.subtle-row,.detail-field span,.empty-state{color:#677081;font-size:.9rem}.list-item p,.data-card p,.detail-excerpt{margin:10px 0 0}.status-pill{padding:4px 8px;border-radius:999px;font-size:.82rem;text-transform:capitalize;background:#eef1f6}.status-new{background:#eef4ff;color:#234b9c}.status-seen{background:#eef8ee;color:#20613a}.status-archived{background:#f2f2f2;color:#4f5563}.detail-scroll{display:flex;flex-direction:column;gap:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field,.data-card{border:1px solid #e6e9ef;border-radius:8px;padding:12px;background:#fafbfc}.detail-field{display:grid;gap:6px}.data-card pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;font-size:.9rem}@media(max-width:1000px){.app-header,.content-grid,.filters-bar{grid-template-columns:1fr}}
