body{font-family:var(--wp-font-sans);background:var(--wp-surface);color:var(--wp-ink);overflow-x:hidden;min-height:100vh}
.nav{background:var(--wp-accent);color:var(--wp-on-accent);padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.nav .logout{color:var(--wp-on-accent);text-decoration:none;font-size:.85rem;opacity:.8}
.nav h1{font-size:1rem;font-weight:var(--wp-fw-semibold)}
.nav .logout{color:var(--wp-on-primary);text-decoration:none;font-size:.85rem;opacity:.8}
.container{max-width:800px;margin:0 auto;padding:2rem 1.5rem}
.section{background:var(--wp-surface-alt);border-radius:var(--wp-r-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--wp-shadow-sm)}
.section h2{font-size:1.1rem;margin-bottom:1rem;color:var(--wp-ink)}
.empty{color:var(--wp-ink-3);text-align:center;padding:2rem;font-size:.9rem}
.flex{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--wp-ink);color:var(--wp-surface);padding:.7rem 1.2rem;border-radius:var(--wp-r-sm);font-size:.85rem;opacity:0;transition:opacity .3s;pointer-events:none;z-index:var(--wp-z-toast)}
.toast.show{opacity:1}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;display:none}
.modal-box{background:#fff;border-radius:12px;padding:1.5rem;width:500px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.modal-box label{display:block;font-weight:600;font-size:.85rem;margin-top:.8rem;margin-bottom:.3rem}
.modal-box input,.modal-box textarea,.modal-box select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}
.ticket-msg{background:#f8f9fa;border-radius:8px;padding:.8rem;margin-bottom:.6rem}
.ticket-msg.user{background:#e3f2fd}
.ticket-msg .meta{font-size:.75rem;color:#888;margin-top:.3rem}
.ticket-attachment{display:inline-block;margin:.3rem .3rem 0 0;border-radius:6px;overflow:hidden;max-width:200px;cursor:pointer}
.ticket-attachment img{width:100%;height:auto;display:block}
.ticket-msg.op{background:#fff3e0;border-left:3px solid #E8845D}
.fmt-toolbar .fmt-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:.2rem .5rem;cursor:pointer;font-size:.8rem;line-height:1.6;color:#333}
.fmt-toolbar .fmt-btn:hover{background:#e8e8e8;border-color:#bbb}